﻿@media (max-width: 1199px) {
    .web .right_btns > :nth-child(3),.web .right_btns > :nth-child(4) { display: none; }
    .web.navbar .navbar-nav > :nth-child(6), .web.navbar .navbar-nav > :nth-child(7) {  display: block;  }

    .web.navbar .navbar-collapse {position: absolute;top: 75px;right: 0;background: #fff;padding: 20px;max-width: 50%; width: 100%;border-radius: 15px;z-index: 2;box-shadow: 0 20px 20px -3px #00000040;    }
    body .web.navbar-light .navbar-collapse .navbar-nav .nav-link {  color: #000;}
    .home-banner img.banner-img { height: 330px; width: 330px; } .banner-img-class { height: 388px; width: 388px; } .banner-img2 { height: 230px; width: 230px; left: 14em; }
}

@media (max-width: 1024px) {
    h2 { font-size: 35px; line-height: 1.2em; } 
    .page_banner { padding: 30px 0px; } 
    .img_box img { width: 50%; }
    img.img-fluid.banner-img4 { position: absolute; right: -5em; top: -36px; bottom: 15em; }
    
}

@media (max-width: 991px) {
    .best-choice { margin-top: 0em; } 
    .mt-20em{ margin-top: 20em; }
}


@media (max-width: 768px) {
     h1 { font-size: 50px; line-height: 1.2em; } 
     .full_img_box { padding-left: 0px; } 
     .banner-img3 { width: 120px; height: 104px; } 
     img.img-fluid.banner-img4 { width: 120px; }
}

@media (max-width: 600px) {
     h1 { font-size: 45px; line-height: 1.2em; } 
     h2 { font-size: 25px; } 
     .home-banner img.banner-img { height: 230px; width: 230px; } 
     .banner-img-class { height: 255px; width: 255px; left: -13px; bottom: -13px; } 
     .banner-img3 { left: -50px; bottom: -80px; } 
     .banner-img2 { height: 160px; width: 160px; left: 8em; top: 6em; } 
     img.img-fluid.banner-img4 { right: -4em; bottom: 15em; } 
     .banner-img-class2 { padding: 20px; width: 280px; margin: auto; } 
     .banner-img-class2 .banner-img2 { top: 10em; } 
     .banner-img-class2 .banner-image { right: 15%; bottom: auto; top: -15%; width: 100px; } 
     .banner-img-class2 .banner-image2 { left: 12%; bottom: -50%; width: 100px; } 
     .banner-img-class2 .banner-image3 { bottom: -12%; left: 25%; width: 50px; } 
     .accordion.faq .accordion-item .accordion-button { font-size: 12px; padding: 10px; } 
     .faq_content .card { width: 100%; } 
     .purple-torq-btn { padding: 0px 15px; } 
     .w-80 { width: 100%; } 
     .web.navbar .navbar-collapse { right: 10px; max-width: calc(100% - 20px); } 
     .home-jobs { height: 350px; }
 }

@media (max-width: 480px) {
     h1 { font-size: 35px; line-height: 1.2em; }
}