/* NAV */
@media all and (max-width:800px){
    .nav-btm{
        display: none;
    }
    .nav-btm-tab{
        display: flex;
    }
}
@media all and (min-width:800px) and (max-width:1980px){
    .nav-btm-tab{
        display: none !important;
    }
}
/* SIDE ICONS */
@media all and (max-width:800px){
    .right-icons, .left-icons{
        height: 80vw;
        margin-top: 80px;
    }
}
@media all and (max-width:600px){
    .right-icons, .lefts-icon{
        margin-top: 150px;
    }
}
/* HOME */
@media all and (max-width:1000px){
    .home-services-test img{
        right: 20%;
        position: relative;
    }
    .home-services-test article{
        width: 40vw !important;
    }
    .home-services-test article a{
        transform: translateX(0) !important;
        opacity: 1;
    }
}
@media all and (max-width:900px){
    .home-icons-right{
        display: none;
    } 
    .home-icons-left{
        display: flex !important;
    }
}
@media all and (max-width:800px){
    .home-testimonial-inner{
        height: max-content;
        width: 99.5%;
        padding: 30px;
    }
    .home-testimonial-outer h1{
        margin: 20px;
    }    
    .home-testimonial-inner p{
        text-align: left;
    }    
    .t1{
        border: none;
        overflow: visible;
    }
    .t2{
        width: 80%;
    }
    .home-services, .home-services-test, .scroll{
        display: none;
    }
    .home-hero{
        height: 0 !important;
        transition: height 0.5s;
        display: none;
    }
    .about-mob-s1{
        display: none;
    }
}
@media all and (max-width: 530px){
    .hero-section-tab{
        background: url('../assets/homepage/wg-gif.gif') no-repeat center bottom/48em auto, 
        linear-gradient(to right, #F9F9F9, #E5E5E5 40%, white 50%, white) no-repeat 0 0/100%;
        padding: 20px 0;
    }
    .hero-btns-tab{
        width: 55vw;
        align-items: flex-start;
        transform: translate(-15%, 70%);
    } 
    .home-services-tab, .footer-tab{
        display: none;
    }
    .about-mob-s1{
        display: flex;
    }   
}
@media all and (min-width:800px) and (max-width:1980px){
    .hero-section-tab, .home-services-tab, .tab-testimonial, .about-mob-s1, .career-form-tab, .career-tab-top{
        display: none !important;
    }
}
/* ABOUT */
@media all and (max-width: 800px){   
    .about-p2{
        display: none;
    }  
    .compass img{
        height: 30vh;
    }  
    .chest img{
        height: 30vh;
        transform: rotate(-45deg) translate(-800px, 400px);
        opacity: 1;
    }
    .about-tab{
        display: flex !important;
    }
    .about-s1{
        height: 0 !important;
        transition: height 0.75s;
    }
    .about-s2,.about-s3{
        display: none !important;
    }
    .about-s4{
        padding: 20px;
    }
    .leader-grid{
        grid-template-columns: 1fr;
        column-gap: 0;
        align-items: center;
        justify-content: center;
    }
    .leader-grid span{
        width: 60vw;
        height: 400px;
        margin: 15px auto;
    }
}
@media all and (max-width: 530px){
    .mob-item{
        display:  inherit !important;
        visibility: visible;
    }
    .pc-item, .tab-item{
        display: none;
    }
    .flex-item{
        display: flex !important;
    }
    .about-tab-jigsaw{
        background-position-x: 66px, 91px, 151px, 121px;
    }
    .leader-pic{
        width: 80vw;
    }
}
/* BUSINESS */
@media all and (max-width: 1000px){
    .cservice-products{
        justify-content: flex-start !important;
    }
    .cservice-product{
        margin: 0 auto !important;
    }
}
@media all and (max-width: 800px){
    .cservice-tab-top, .cservice-product-tab, .grey-bg-cservice{
        display: flex !important;
    }
    .business-services {
        height: 0 !important;
    }
    .cservice-products-main, .cservice-overlay{
        display: none !important;
    }
}
/* PERSONAL */
@media all and (max-width: 800px){
    .rservice-tab-top{
        display: flex !important;
    }
    .personal-s1, .personal-s2, .personal-s3, .personal-s4, .personal-s5, .personal-s6, .personal-s7{
        display: none !important;
    }
}
/* CAREER */
@media all and (max-width: 800px){
    .cmain{
        display: none !important;
    }
    .career-form-tab{
        display: grid;
    } 
}
@media all and (max-width: 530px){
    .career-form-tab, #mob-form{
        display: flex !important;
        flex-direction: column;
    }
}
/* CONTACT */
@media all and (max-width: 800px){
    .contact-tab-map, .map-icons{
        display: flex !important;
    }
    .contact-map, .contact-main{
        display: none !important;
    } 
    .contact-headings{
        flex-direction: column;
        align-items: center;
    }
}
/* FOOTER */
@media all and (min-width:800px) and (max-width:1980px){
    .footer-mob{
        display: none !important;
        
    }
}
@media all and (max-width: 800px){
    .footer-pc, .footer-mob{
        display: none;
    }
    .footer-grid{
        height: max-content;
        background-attachment: initial;
        grid-template-rows: 80px 350px;
    }
    .footer-grid-black{
        height: max-content;
        background-attachment: initial;
        grid-template-rows: 80px 350px;
    }
    
    .footer-about{
        padding-left: 2vw;
    }
    .footer-logo {
        grid-column: span 2;
    }
    .footer-logo img{
        display: block !important;
    }
    .footer-sm{
        column-gap: 70px;
    }
    .footer-form form input{
        width: 230px;
    }
}
@media all and (max-width: 900px){
    .footer-form form input{
	    width: 200px;
    }
}
@media all and (max-width: 800px) and (min-width:530px){
    .footer-grid{
        grid-template-columns: repeat(2, 46vw);
    }
    .footer-grid-black{
        grid-template-columns: repeat(2, 46vw);
    }
    .footer-cc{
        grid-template-columns: 1fr;
        align-items: center;
        justify-items: center;
    }
    .footer-cc .footer-icons{
        align-self: center;
        justify-self: flex-end;
        padding-right: 0;
        width: 80vw;
        margin: 0 auto;
        align-items: center;
    }
    .footer-cc .footer-icon{
        width: max-content;
    }
    .footer-cc .footer-sm{
        width: max-content;
        align-self: center;
        justify-self: center;
    }
    .footer-icons{
        padding-left: 2vw;
    }
    .footer-form{
        padding-right: 2vw;
    }
}
@media all and (max-width: 530px){
    .footer-tab{
        display: none;
    }
    .footer-grid{
        justify-items: center;
        grid-template-columns: 1fr !important;
        height: max-content;
        grid-template-rows: 100px minmax(auto, 350px) 30px;
        align-items: flex-start;
    }
    .footer-grid-black{
        justify-items: center;
        grid-template-columns: 1fr !important;
        height: max-content;
        grid-template-rows: 100px minmax(auto, 350px) 30px;
        align-items: flex-start;
    }
    .footer-cc{
        grid-template-columns: 1fr !important;
    }
    .footer-cc .footer-icons{
        width: max-content;
    }
    .footer-cc .footer-sm{
        width: 100%;
    }
    .footer-mob{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 90%;
    }
    .footer-icons{
        grid-template-rows: repeat(6, 1fr);
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 90%;
    }
    .footer-icon, .footer-sm{
        margin: 15px 0;
        width: 100%;
    }
    .footer-logo{
        width: 90px;
        margin: 0 auto;
        padding: 20px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footer-logo img{
        display: block !important;
        margin: 0 auto;
    }
    .footer-form{
        padding: 0;
        transform: translateX(-30px);
    }
    .footer-sm{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 20px;
        row-gap: 20px;
        max-width: 100%;
    }    
}
/* COMMON */
@media all and (max-width: 800px){   
    .img-txt, .txt-img{
        grid-template-columns: 40vw 60vw;
        padding: 0;
        height: 50vh;
    }
}
@media all and (max-width: 800px){   
    .img-txt article, .txt-img article{
        width: 55vw;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
}