@media(min-width:1330px){
.header-container, 
.home_about_container > div, 
.home_services > .home_services-box,
.home_blog .home_blog_box,
.footer_brands .footer_brands-in,
footer .copyright{max-width: 1260px; margin: 0 auto; width: 100%;}
    
.header-container, 
.home_blog .home_blog_box,
.home_services > .home_services-box,
footer .copyright{padding-left: 0; padding-right: 0;}
    
.sticky-header .header-container{max-width: 1260px; margin: 0 auto; padding: 0;}
    
footer > article{max-width: 1260px; margin: 0 auto;}
footer aside p{max-width: 1260px; margin: 0 auto; padding: 0;}
    
 /******** Innerpages start *******/
    .main_container{max-width: 1260px; margin: 0 auto; width: 100%;}
    /******** Innerpages start *******/
}

@media (max-width:1329px) {
    
.home_about_container > div{width: 96%; margin: 0 auto;}
    
.header-container, 
.sticky-header .header-container,
.home_services > .home_services-box,
.home_blog .home_blog_box,
footer .copyright,
footer > article, 
footer aside p{width: 96%; margin: 0 auto; padding-left: 0; padding-right: 0;}
    
/******** Innerpages start *******/
.main_container{margin: 0 auto; width: 96%;}
/******** Innerpages end *******/
}

@media (max-width:1268px) {
    /*Home services box start*/
    .home_services article{width: 30.5%;}
    /*Home services box end*/
    
    /******** Innerpages start *******/
    /*References page start*/
.main_container .references_content article {width: 30%;}
/*References page end*/
    
    /******** Innerpages end *******/
}

@media (max-width:1199px) {
 /* common css start */
.common-btn { padding: 6px 18px;}
 /* common css end */

/*Header start*/    
.logo img{ height: 45px;}

.sticky-header .logo img {height: 45px;}
    
/* top header start  */
    .contact_data{padding-top: 12px;} 

/* search area start  */
.search-aria {margin-right: 20px;}
/* search area end  */
    
/* navigation start  */
.navigation ul li {padding: 10px 0 15px;}
 .navigation ul li:not(:last-of-type) {margin-right: 20px;}   
/* navigation end  */
/*Header end*/    

/* home banner start  */
    .home-banner:before{height: 70%;}
/* home banner end  */

/* home about start */
    .home_about_container > div > aside h2{font-size: 28px; line-height: 36px;}
    .home_about_container > div > aside .common-btn{margin-top: 8px;}
/* home about end */
    
/*Home services start*/
    .home_services{padding: 40px 0 45px;}   
    .home_services .home_services-box h1{font-size: 36px; line-height: 46px; margin-bottom: 20px;}
    
    /*Home services box start*/
    .home_services article {width: 30%;}
    .home_services article h2{ font-size: 20px; line-height: 24px;}
    .home_services article > div em{height: 62px; top: -29px; width: 62px;}
    .home_services article > div em .icon {width: 32px; height: 32px;}

/*Home services end*/
    
/*Home Blog start*/
.home_blog{padding:40px 0;}
.home_blog .home_blog_box h2{margin-bottom: 22px;}
   
/*Home Blog box start*/
.home_blog article > div h3{font-size: 26px;  line-height: 34px;}
/*Home Blog box start*/
/*Home Blog end*/
    
/*Footer Brands start*/
.footer_brands{padding:40px 0;}
/*Footer Brands end*/

 /* footer start  */
    footer > article{padding: 40px 0;}
 /* footer end */

/* home page start  */
    
/****** Innerpage start ******/

/*Hero banner start*/
.hero-banner article {height: 300px;}
.hero-banner article figure h1{font-size:45px; line-height: 50px;}
/*Hero banner end*/

.main_container{padding-top:40px;}
.main_container h1{font-size: 32px; line-height:38px; padding-bottom: 10px;}
.main_container em{font-size: 18px;}

   /*References page start*/
    .main_container .references_content{gap:20px;}
/*References page end*/
    

/****** Innerpage end ******/

}
@media (max-width:800px) {
.bx-wrapper img {
	width: auto;
	max-width: inherit;
	height: 280px;
}
}

@media (max-width:991px) {
    /* common css start */

 /* common css end */ 
    
 /* header start  */
header {padding: 10px 0;}
 
.logo img{height:45px;}

.sticky-header .logo img {height: 40px;}
    
/* top header start  */ 
    .contact_data {padding-top: 0;}
    .contact_data ul li a {background: #fff; font-size: 0; height: 35px; width: 35px; border: 1px solid var(--dark-bg); border-radius: 100%; display: flex; justify-content: center; align-items: center;}
    .contact_data ul li a svg{margin-right: 0;}
    
    .language_content{margin-left: 15px;}
    
/* navigation start  */
    .navigation {left: 100%; position: fixed;  z-index: 999;  transition: .5s ease; background: #fff; height: 100%; width: 70%;top: 0;}
    .navigation ul li:not(:last-of-type){margin-right: 22px;}
    .navigation ul li {padding: 20px 0 13px;}
/* navigation end  */

 /* header end  */

/* home page start */

/* home banner start  */
    .home-banner:before{height: 60%;}
/* home banner end  */

/*Home services start*/
.home_services{padding: 35px 0;}
.home_services .home_services-box h1{font-size: 32px; margin-bottom: 12px;}
    
    /*Home services box start*/
    .home_services .home_services-box > div {row-gap: 30px; flex-wrap: wrap; display: flex;}
    .home_services article {width: 46%;}
    .home_services article > div{padding: 24px 20px 12px;}
/*Home services end*/
    
/*Home Blog start*/

.home_blog{padding:35px 0;}
.home_blog::before {height: 260px;}

/*Home Blog box start*/
.home_blog .home_blog_box h2{font-size: 32px; line-height: 46px; margin-bottom: 14px;}
.home_blog article figure a img{    border-radius: 30px;}
    .home_blog article > div em{font-size: 16px;}
    .home_blog article > div h3{font-size: 24px; line-height: 32px;}
/*Home Blog box end*/

/*Home Blog end*/ 

/* home about start */
    .home_about_container > div{border-radius:30px; display: flex; align-items: center;}
    .home_about_container > div > aside h2{font-size: 26px; line-height: 34px; margin-bottom: 10px;}
/* home about end */
    
/*Footer Brands start*/
.footer_brands{padding:35px 0;}
    .footer_brands .footer_brands-in article{width: 30%;}   
/*Footer Brands end*/
    
 /* footer start  */
    footer > article{padding: 35px 0; grid-template-columns: repeat(2, 1fr);}
    
    /* footer client logo start */
    .footer-client-logo{order: 3;}
    /* footer client logo end */
    
    /* footer menu start */
    .footer_menu ul{column-count: 2;}
    /* footer menu end */
 /* footer end */
/* home page end */


/****** Innerpage start ******/
    
/* hero banner start  */
.hero-banner article{height: 240px;}
.hero-banner article figure h1{font-size: 38px; line-height: 46px;}
/* hero banner end */

.main_container {padding-top: 30px;}
.main_container h1{font-size: 30px; line-height: 36px;}
    

   /*References page start*/
 .main_container .references_content{gap:15px;}   
.main_container .references_content article {width:48%;}
/*References page end*/
    
/****** Innerpage end ******/

}

@media(min-width:768px){

/* header start  */
.header_right_cnt > .navbar-toggler{display: none;}
/* header end  */

 /* header css start  */
 ul li.serch-btn{display: none;}
 /* header css end  */


 /* service page start  */

 .filter-btn{display: none;}
 /* service page end  */

}

@media(max-width:767px){
/* common css start */
body{font-size: 15px;line-height: 26px;}

.common-btn {font-size: 16px; padding: 5px 19px; border-radius: 5px;}
.slicknav_menu:first-of-type{
    display: none;
}
    .slicknav_menu{
        display: block;
        width: 35px;
        background: none;
        border-bottom: none;
        padding: 0;
        box-shadow: none;
    }
    .slicknav_btn{
        background-color: rgba(7, 139, 81, .8);
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
    }
    .slicknav_menu .slicknav_menutxt{
        display: none;
    }
    .slicknav_menu .slicknav_icon{
        margin: 0;
        padding-top: 0; 
    }
    .slicknav_menu .slicknav_icon-bar{
    height: 1.4px;
    }
    ul.slicknav_nav{
   top: 45px;
    right: 0;
    display: table;
    background-color: rgb(7, 139, 81);
    border-radius: 0;
    width: 100%;
    position: absolute;
    }
    
  .slicknav_nav > li > a{
    border: none !important;
    border-radius: 0 !important;
    height: auto !important;
     width: 100% !important;
    color: white !important;
    background-color: rgba(7, 139, 81, .8) !important;
    display: table !important;
    background: none !important;
    font-size: 18px !important;
  }
.slicknav_nav > li:hover > a{
    cursor: pointer;
    background-color: #2d2d2d;
}
.header-container a img{
    border-radius: 50%;
}
.header-container a.logo img{
    border-radius: 0;
}


/* common css end */ 

 /* header start  */
.logo img {height: 40px;}
.sticky-header .logo img {height: 37px;}
.contact_data, .sticky-header .contact_data{padding-top: 0;}
    
/* search area start  */
.search-aria {display: none}
 /* header end */
    
 /* munu start  */
  body.mobile-menu{overflow: hidden;}
.header_right_cnt > .navbar-toggler{display: none;}
 .navigation { left: 100%;  position: fixed;z-index: 999;transition: .5s ease; background: #fff; height: 100%; width: 70%; top: 0;}
 .navigation .navbar-toggler{position: absolute; top:30px; right: 20px;}
 header nav ul { display: block; padding:60px 20px 20px;}
 .navigation ul li { padding: 0;margin: 0 !important;}
 .navigation ul li a:before{display: none;}
 .navigation ul  a{padding: 7px 0;display: flex;}
 .navigation ul a:hover{color: var(--theme-color);}
 .navigation ul a.active{color: var(--theme-color);}

 .navigation ul li:not(:last-of-type){border-bottom: 1px solid var(--gray-bg);}
 .mobile-menu .navigation{  animation: mobile-menu .5s linear; left: 30%; opacity: 1;}
 @keyframes mobile-menu { 0%{left: 100%;opacity: 0; } 100%{left: 30%; opacity: 1;} }
 .mobile-menu .bg-overly{position: fixed; left: 0;top: 0; width: 100%; height: 100%; z-index: 5;background-color: #000000c2; animation: overly-bg 1s;}
 @keyframes overly-bg { 0%{opacity: 0; } 100%{opacity: 1;} }
 /* munu end  */

/* home page start */
    
/* home banner start  */
    .home-banner article figure img{min-height: 250px;}
/* home banner end  */
    

/*Home services start*/
.home_services{padding: 30px 0;}
.home_services .home_services-box h1{font-size: 28px; margin-bottom: 10px; line-height: 36px;}
    
    /*Home services box start*/
    .home_services .home_services-box > div {row-gap: 15px;}
    .home_services article {width: 44.8%; padding: 6px;}
/*Home services end*/

/*Home Blog start*/

.home_blog{padding:30px 0;}

/*Home Blog box start*/
.home_blog .home_blog_box h2{font-size: 28px; line-height: 36px;}
.home_blog .home_blog_box > div{display: flex; flex-wrap: wrap; gap: 15px;}
.home_blog article{width: 100%;}
.home_blog article:first-child{margin-bottom: 15px;}
.home_blog article figure a img{border-radius:20px;}
.home_blog article > div em{font-size: 15px;}
.home_blog article > div h3{font-size: 22px; line-height: 28px; margin-bottom: 6px;}
/*Home Blog box end*/

/*Home Blog end*/ 
    
/* home about start */
    .home_about_container > div{border-radius:20px; flex-wrap: wrap;}
    .home_about_container article{border-radius: 15px; width: 100%;}
    .home_about_container > div > aside{width: 100%; justify-content:start; padding: 15px 0px 0px 0px;}
    .home_about_container > div > aside h2{font-size: 24px; line-height: 32px; margin-bottom: 6px;}
/* home about end */    
    
    
/* home page end */
    
/*Footer Brands start*/
.footer_brands{padding:30px 0;}
/*Footer Brands end*/

 /* footer start  */
footer > article{padding: 30px 0 25px;}
.footer_logo img{height: 45px;}
footer h2{font-size: 21px;}

footer .copyright{padding: 12px 0;}
.copy-right p{text-align: center;}
.copy-right .custom-container{flex-direction: column; align-items: center;}
.copyright a{width: 84px;}
.copyright p{width: 80%;}
 /* footer end  */
    
/****** Innerpage start ******/
    
/* hero banner start  */
.hero-banner article{height:180px;}
.hero-banner article figure h1{font-size: 30px; line-height: 36px;}
/* hero banner end */

.main_container {padding-top: 20px; flex-direction: column;}
.main_container h1{font-size: 26px; line-height: 32px;}
.main_container em {font-size: 16px; padding-bottom: 10px;}
    
/* service page start*/

/*Sidebar start*/
.main_container nav {width: 100%; margin-bottom: 20px;}
/*Sidebar end*/

/* Right side content start */
.main_container > aside {width: 100%;}
/* Right side content end */
    
/* service page end*/
    
/* Document page start */
.document_category{padding: 12px 15px 15px;}
.document_category ul{display: block;}
.document_category ul li{width: 100%; margin-right: 0 !important;}
.document_category ul li:not(:last-child){margin-bottom: 10px !important;}
.document_category h1, .document_category h2{ font-size: 18px !important; line-height: 28px !important;}
.common-content article:not(:last-child) .document_category{margin-bottom: 30px;}
/* Document page end */

/****** Innerpage end ******/

}


@media(max-width:575px){
/* common css start */
.header-container, .sticky-header .header-container, .home_featured_cta > div, .home_services > .home_services-box, .home_featured_cta-two > div, footer .copyright, footer > article, footer aside p, .home_about_container > div{width: 94%;}   
 /* common css end */ 

 /* header start  */
.logo img { height: auto;}
.contact_data ul li:not(:last-of-type) {margin-right: 10px;}
.sticky-header .logo img {height: 30px;}
 /* header end */   
    
/* home page start */
  
/*Home services start*/
.home_services{padding: 25px 0;}
.home_services .home_services-box h1{font-size: 26px; line-height: 34px;}
    
    /*Home services box start*/
    .home_services article {width: 100%;}
/*Home services end*/
    
/* home about start */
.home_about_container div{border-radius: 10px; padding: 10px;}
.home_about_container article{padding: 20px 20px 12px; border-radius: 10px; width: 100%;}

.home_about_container > div > aside{padding:15px 10px 10px; height: auto; width: 100%;}
.home_about_container > div > aside p {font-size: 16px; line-height:26px; margin-bottom: 15px;}
.home_about_container article figure {margin-top: 24px;}
/* home about end */
    
/*Home Blog start*/

.home_blog{padding:25px 0;}

/*Home Blog box start*/
.home_blog .home_blog_box h2{font-size: 26px; line-height: 34px;}
.home_blog .home_blog_box > div{display: flex; flex-wrap: wrap; gap: 15px;}
.home_blog article{width: 100%;}
.home_blog article:first-child{margin-bottom: 15px;}
.home_blog article figure a img{border-radius:20px;}
.home_blog article > div em{font-size: 15px;}
.home_blog article > div h3{font-size: 22px; line-height: 28px; margin-bottom: 6px;}
/*Home Blog box end*/

/*Home Blog end*/ 

/* home page start */

/*Footer Brands start*/
.footer_brands{padding:25px 0;}
/*Footer Brands end*/    


/* footer start  */
    footer > article{display: block;}
    footer h2 {font-size: 20px;}

    footer article:not(:last-of-type) {margin-bottom: 17px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
    
    .footer_logo p{padding-top: 10px; margin-bottom: 15px;}
    .footer-client-logo, .footer_menu, .footer_contact {padding-top: 12px; border-top: solid 1px #ccc; margin-top: 10px;}
    
    .footer-client-logo > div{margin-top: 20px; display: flex; justify-content: space-between;}
    .footer-client-logo > div > div:first-child{margin-bottom: 0; margin-right: 20px;}
    .footer-client-logo > div > div a:first-child{margin-right: 20px;}
/* footer end  */

/****** Innerpage start ******/
    
/* hero banner start  */
.hero-banner article{height:180px;}
.hero-banner article figure h1{font-size: 26px; line-height: 32px;}
/* hero banner end */

.main_container h1{font-size: 24px; line-height: 30px;}
    
/* service page start*/

/* Right side content start */
.main_container > aside article figure {width: 100%;}
/* Right side content end */
    
/* service page end*/
    
    
/****** Innerpage end ******/

}


@media(max-width:479px){


/* header start  */
    .sticky-header .contact_data ul li:not(:last-of-type){margin-right: 12px;}
    /*.contact_data ul li a.phone{font-size: 14px;}*/
    .contact_data ul li:not(:last-of-type) { margin-right: 5px;}
    .contact_data ul li:first-child a{font-size:0;}
    .contact_data ul li:last-child img{height: 16px;}
/* header end */    
    .serch-btn{display: none;}
/* home banner start  */
.home-banner article figure img{ min-height: 200px;}
/* home banner end  */

/* home page end */

/****** Innerpage start ******/
    
/* hero banner start  */
.hero-banner article{height:142px;}
.hero-banner article figure h1{font-size: 26px; line-height: 32px; top: 64%;}
/* hero banner end */

.main_container h1{font-size: 24px; line-height: 30px;}
    
  /*References page start*/
 .main_container .references_content{gap:10px;}   
.main_container .references_content article {width:100%;}
/*References page end*/
    
/****** Innerpage end ******/

}