/* CSS Document */

@media screen and (max-width: 1700px) {
.container {
    max-width: 1300px;
}

.why-choose-about {
    height: 748px;
    background-size: cover;
}

.why-choose-content {
    padding: 29px 0 0 0;
}

.why-choose-content ul li {
    display: flex;
    gap: 21px;
    margin-bottom: 7px;
    flex-wrap: wrap;
}

.why-choose-content ul {
    padding: 11px 0 0 0;
}
.why-choose-content h2 {
    color: #fff;
    margin-bottom: 15px;
}

.coverage-right-img {
    position: absolute;
    right: 0;
    bottom: -62px;
    width: 163px;
}

.home-banner-2 h1 {
    font-family: "Raleway", sans-serif;
    color: #fff;
    font-size: 66px;
    line-height: 87px;
    font-weight: 900;
    width: 63%;
    margin-bottom: 25px;
}

.home-banner-2 {
    background-size: cover;
    min-height: 714px;
}

.slick-dots{ left: 1%; }

.midle-header {
    background: url(../images/header-nav[-bg.png) no-repeat 42% 0%;
}

nav .navigation li {
    float: left;
    position: relative;
    margin: 6px 0 0 22px;
    line-height: 26px;
}



nav .navigation li a{font-size:16px;}



}

@media screen and (max-width: 1480px) {
    .main-sec{background-size: 20% auto;}
    
}

@media screen and (max-width: 1400px) {


.container {
    max-width: 1280px;
}
    .why-choose-about {
        height: 711px;
        background-size: cover;
    }

    .home-banner-2 {
        background-size: cover;
        min-height: 648px;
    }

    .home-banner-2 .container{  max-width: 1190px; }
        .slick-dots {
        left: 0px;
    }



nav .navigation li a{font-size:15px;}
 



}

@media screen and (max-width: 1260px) {

nav .navigation li a{font-size:14px;}
nav .navigation li {  margin: 6px 0 0 15px;}

.about-left-img{ width:100%; height:auto; margin-left:10px; margin-right:10px; padding-bottom: 60px; background-repeat: no-repeat; }
.about-left-img img:nth-child(1){width: 65% !important; }
.about-left-img img:nth-child(2){width: 55% !important; }
	
}

@media screen and (max-width: 1178px) {
	
.product-right-home {  padding-bottom: 100px;  }
	.product-right-home a.add_to_cart_button {margin-bottom: 5px;}
	
    body .qib-button-wrapper{gap: 20px !important;}
    nav .navigation {    font-size: 18px;    line-height: 24px;    margin-left: 100px;}
	
}

@media screen and (max-width: 1080px) {
    
    nav .navigation {   margin-left: 60px;}
    
}

@media screen and (max-width: 1020px) {
    
    nav .navigation {   margin-left: 40px;}
    .header_top .logo_cont img{width: 240px;}
    
}



/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {

.file-list{ display: block; margin-bottom:20px;
    }
	
	.file-list a{ display: block; margin-bottom:15px;
    }	
	
.header-top1{ display:none; }
.header_top nav{ display:none; }
.banner-slider-1{ margin-right:0; }
.header-top2{ display:block; }
.header-top2-lleft li:last-child{ display:none; }
.top-social{ display:none; }
    .header-top1 {
        background-color: #fff;
        position: fixed;
        width: 100%;
        z-index: 8;
    }
	
	#menu-footer-menu-bottom li a {
    color: #fff;
    font-size: 15px;
    line-height: 27px;
    text-transform: capitalize;
}


     html{ overflow-x: hidden;}  
     body{ overflow-x: hidden; }

     ::-webkit-scrollbar {
    width: 4px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
     background-color:inherit;
        /* border-radius: 10px;*/

}

::-webkit-scrollbar-thumb {
   /* border-radius: 10px;*/
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
        background-color:inherit;
}

::-moz-selection { background: inherit; color:#fff;}
::selection { background: #bb925d; color:#fff; }

    .header-top2-lleft li {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
        border: 0;
        clear: both;
        margin-bottom: 5px;
        overflow: hidden;
        /* text-align: center; */
    }


    .header_top .logo_cont {
        padding: 27px 0 25px;
        position: fixed;
        top: 0;
        width: 160px;
        z-index: 99;
    }



    .shop-menu {
        position: fixed;
        top: 9px;
        right: 13px; margin-top: 8px; gap: 5px;
        z-index: 999;
    }
 .header_top .logo_cont img{ width:100%; }

.mobmenur-container i {
        color: #0073e6 !important;
        font-size: 44px !important;
    }

.header-top1{ background-color:#fff; height: 78px; }
.header-top2-lleft{ display:none; }

.home-banner-2{ min-height:300px; }

    .home-banner-2 h1 {
        font-family: "Raleway", sans-serif;
        color: #fff;
        font-size: 33px;
        line-height: 44px;
        font-weight: 900;
        width: 100%;
        margin-bottom: 25px;
    }


    .slider-content {
    padding: 37px 0 0 0;
}

.mob-menu-header-holder {
    width: 70px !important;
}

.slick-dots{ display:none !important; }
.header-top2-lleft li a{ color:#000; }

.home-banner-2 a {
    display: inline-block;
    font-size: 18px;
    line-height: 47px;
    color: #fff;
    background-color: #006da5;
    border-radius: 6px;
    padding: 0 40px;
}

.home-banner-2 h1 span {
    clip-path: inherit;
    display: inline-block;
    background: #fff;
    color: #0073e6;
    padding: 0 5px;
    margin-left: 0;
}

.header-top2-lleft {
    margin-top: 64px;
    margin-bottom: 20px;
    overflow: hidden;
}

.header_top{ position:fixed; z-index:9999999; } 
.shop-menu li img {
    display: block;
    width: 22px !important;
    height: 22px !important;
    filter: invert(1);
}

.shop-menu li span {
    position: absolute;
    top: -12px;
    right: 0;
    width: 18px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
}


.show-nav-left .mobmenu-panel.show-panel, .show-nav-right .mobmenu-panel.show-panel{         z-index: 300000000 !important; }
    .midle-header{ background:none; }


/*.about-left-img{ width:100%; height:auto; margin:0; }


.about-pic2{ position:inherit; }*/


.about-sec {
    padding: 79px 0 80px 0;
    background-color: #f3f3f3;
    margin-top: -84px;
}
/*.about-left-img img {
    margin-bottom: 30px;
    width: 100%;
}*/

.btn1 {
    display: inline-block;
    font-size: 19px;
    line-height: 19px;
    color: #fff;
    background-color: #0073e6;
    border-radius: 6px;
    padding: 14px 28px;
}

h2 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    color: #0c0b0a;
    margin: 0 0 9px;
}
.product-sectop img {
    display: inline-block;
    width: auto;
}

.product-sec {
    padding: 41px 0 48px 0;
}

.product-image {
    float: none;
    width: 100%;
}
    .home-product-box a{height: 46vw; display: block;}
    .home-product-box .product-right-home a{height: auto; display: inline-block;}
    
.product-right-home {
    float: none;
    width: 100%;
}

.home-product-box {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    overflow: hidden;
    padding: 15px;
    margin: 0;
}

.home-product-list .row .col-md-6:first-child .home-product-box {
    margin-right: 0;
}

.home-product-list .row .col-md-6:nth-child(2) .home-product-box {
    margin-left: 0;
}

.home-product-box{ margin-bottom:30px; }

.banner-left-content {
    padding: 43px 0 0 0;
}

.banner-left-content ul li img{ width:auto; }
.banner-left-content ul li figure{ float:none; }
.program-right{ position:relative; }
.home-bottom-banner{ height:auto; }

.business-sec{ padding: 134px 0 40px 0; }
.business-top p {
    width: 100%;
    margin: 14px auto 45px;
}
.business-top img{ width:auto; }
.main-sec{ background:none; }

.foot-top-logo-pan{ background:none; }
.foot-top-logo-pan {
    padding-top: 47px;
    padding-bottom: 30px;
}

#menu-footer-menu{ display:block; }
.social-sec{ height:auto; }
.footer-social-2{ display:block; }

    .footer-social-2 li {
        border-right: 1px solid #5ea7ef;
        padding-right: 0;
        margin-right: 0;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        line-height: 47px;
        height: 47px;
        clear: both;
        margin-bottom: 13px;
        overflow: hidden;
    }

    #menu-footer-menu-bottom{ display:block; }
    #menu-footer-menu-bottom li{ border:0; }

    .inner_banner{ margin-right:0; padding:0; min-height:191px; }
    .inner_banner h1, .inner_banner h2 {
    font-size: 35px;
    line-height: 45px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    margin-bottom: 22px;
    text-transform: capitalize;
            padding-top: 40px;
        padding-left: 30px;
}
.about-page{ margin-top:0;         padding-top: 41px; }
.why-choose-content {
    padding: 44px 0 0 0;
}


.why-choose-content ul li figure {
    width: 50%;
    margin-bottom: 6px;
}

.why-choose-about{ height:auto; background-image:inherit; background-color:#1a1825; }


  .page-template-about  .business-sec {
        padding: 59px 0 40px 0;
    }

    .coverage-left-img img {
    width: 100%;
    margin-bottom: 20px;
}

  .page-template-coverage-php  .about-sec {
        padding: 45px 0 70px 0;
        background-color: #f3f3f3;
        margin-top: -84px;
    }
.coverage-right-img{ display:none; }
.contact_main{ padding: 40px 0 30px; }
.contact-top-box{ margin-bottom:30px; }
.contact-img iframe{ height:auto !important; }
.form-half{ width:100%; margin-right:0; float:none; }
.product-image-details{ width:100%; float:none; }
.product-summary {
    width: 100%;
    float: none;
}

.price-panel-details .woocommerce-Price-amount {
    font-size: 28px;
    font-weight: 700;
}

ul.tabs li a {
    border: 1px solid #000;
    line-height: 47px;
    display: block;
    color: #000;
    padding: 0 21px;
    border-radius: 6px;
}

.woocommerce-Tabs-panel{ padding:20px; }


.coverage-pageBottom ul{column-count: 3;column-gap: 40px;}



.home-product-box {height: 100%; position: relative;}
	.product-right-home{height: auto; background-color: #fff; margin-top: 10px;}
	.home-product-box a img{height: 100% !important; object-fit: cover !important; width: 100% !important;}

.fusionProMain-cont h2 {  font-size: 23px;}
.animated-headline {  font-size: 28px;}


    footer .social-sec .footer-social-2 li{border-right: none;}
    
    .header-top2 ul.top-social {    display: none !important;  }
    [class^="mob-icon-"]::before, [class*=" mob-icon-"]::before{margin-right: 0 !important;}
    header .header-top2 .custom-html-widget{padding-right: 45px; padding-top: 13px;}
    .mob-menu-header-holder{top: 27px !important;}
    .fusionbtn{ padding: 5px 12px; border-radius: 5px; font-size: 13px; line-height: 13px;  margin-bottom: 3px; margin-right: 2px; vertical-align: middle; }
    .fusionbtn span{font-size: 10px; line-height: 10px;}
    .header-top2 .btn1 {  font-size: 13px !important;  padding: 7px 15px !important;}
	
    
    .page-template-fusion-page header .header-top1.header-top2 { background-image: none;  background-color: #78206e;}
    .page-template-fusion-page header .header-top1.header-top2 a.fusionbtn{background-color: #000;}
    .page-template-fusion-page header .shop-menu img { filter: brightness(0) invert(1);}
    .page-template-fusion-page .mobmenur-container i { color: #fff !important;}

}


@media screen and (max-width: 860px) {
    
/*.fusionContentImg{position: relative; width: 100%; height: 100%;}
.fusionContentImg img{width: 100%; height: 100%; object-fit: cover; object-position: top left; }
.fusionContent .col-md-12{padding-left: 15px; padding-top: 25px; padding-bottom: 35px; min-height: auto;}*/
    
}

@media screen and (max-width: 767px) {
    
    .home-product-box a{height: auto; display: block;}
    .home-product-box .product-right-home a{height: auto; display: inline-block;}  
	
	.product-right-home {        padding-bottom: 10px;    }
	.proFooter {    position: relative;}
	.price-panel{padding-left: 60px;}   
	.fusionProMain-img img {  height: auto;}


.fusion-row-one .two, .fusionHeading{padding-left: 35px; padding-right: 35px;}

	.page-id-594 .patriot-template .why-choose-about{background-size: 190% auto !important; background-position: top right;background-repeat: no-repeat;}
	.page-id-594 .patriot-template .why-choose-about .why-choose-content{ padding-top: 105%; padding-bottom: 45px;}
	
}

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 740px) {
    
   

}

@media screen and (max-width: 580px) {    
.coverage-pageBottom ul{column-count: 2;column-gap: 20px;}
    
    /*.fusionbtn{ padding:5px 5px; border-radius: 5px; font-size: 11px; line-height: 11px;  margin-bottom: 3px; margin-right: 2px; text-align: center; display: block; width: 90px; }
    .fusionbtn span{font-size: 10px; line-height: 10px;}
    .header-top2 .btn1 {  font-size: 12px !important;  padding: 5px 15px !important; display: block; width: 90px; text-align: center;}
    header .header-top2 .custom-html-widget{display: inline-block; line-height: 18px; padding-top: 9px;}*/
	 .fusionbtn{ padding:3px 5px; border-radius: 5px; font-size: 9px; line-height: 9px;  margin-bottom: 1px; margin-right: 2px; text-align: center; display: block; width: 90px; }
    .fusionbtn span{font-size: 8px; line-height: 8px;}
    .header-top2 .btn1 {  font-size: 9px !important;  padding: 3px 15px !important; display: block; width: 90px; text-align: center;}
    header .header-top2 .custom-html-widget{display: inline-block; line-height: 18px; padding-top: 3px;}
	
    header .header-top2 .custom-html-widget a:hover{transform: unset;}
}

@media screen and (max-width: 480px) {
    
    .defaultContent table{font-size: 14px; line-height: 20px;}
    .defaultContent table td{padding: 10px 5px;}
	.defaultContent h2 {  font-size: 25px;}

	.animated-headline {  font-size: 22px; }
	
    .single-product .product-summary .product-add-to-cart .qib-button-wrapper {width: 100%; margin: 7px 0 !important;}
    .single-product .product-summary .product-add-to-cart button.single_add_to_cart_button {width: 100%; margin-left: 0 !important;}
	
}

@media screen and (max-width: 420px) {
    
    .header_top .logo_cont img {    width: 160px !important;  }    
    
}

@media screen and (max-width: 380px) {
    
    .header_top .logo_cont img {    width: 130px !important;  }    
    
}