/*Media Query css*/
@media only screen and ( min-width:1599px ) {
 

}

@media only screen and ( min-width:1700px ) {

  .container { max-width: 1440px !important;} 
  
}

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

}

@media only screen and ( max-width:1599px ) {  
  
  .common-padd { padding-top: 80px; padding-bottom: 80px; }

}
 
@media only screen and ( max-width:1399px ) { 

  h1, h2, h3, h4, h5, h6 { margin: 0 0 20px; }
  p { margin: 0 0 20px; }
  .mb-50 { margin-bottom: 30px; }
  .mb-60 { margin-bottom: 50px; }

  .common-padd { padding-top: 80px; padding-bottom: 80px; } 
  .common-padd-bottom {  padding-bottom: 80px; } 
  .common-padd-top {  padding-top: 80px; } 
  

}

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

  /*  ===========mobile nav==========  */     
    .hamburger-nav { display: inline-block; }
    .mobile-menu ul li a.btn { display: inline-block; padding: 15px 20px;}
    .mobile-menu-container{display: block;}     
    .header-section .right-panel{ -ms-flex-pack: end!important; justify-content: flex-end!important; }
    .mobile-menu-logo{max-width: 50px; margin: 0 auto; text-align: center; display: none;}
    .mobile-menu ul li { padding: 0; }
    .mobile-menu ul li a,
    .mobile-menu ul li a, .mobile-menu ul li { font-size: 16px; color: #fff ; text-align: left; text-transform: uppercase; }
    .mobile-menu ul li a:hover{color: #E06718;}

    .mobile-menu ul li ul.sub-menu li {margin: 5px 0;padding: 0 20px;}  
    .mobile_menu_btn{margin-top: 30px;}
    .mobile_menu_btn a.btn.plbig{padding-left: 50px;}
    .contact_icon { width: 41px; height: 41px; top: 5px; left: 4px; font-size: 20px; }
    .mobile_menu_btn a.plbig{margin-right: 15px;}
    .common-padd-xl-top { padding-top: 140px; padding-bottom: 60px; }
    .mobile-menu ul li span {margin-left: 10px; }
    .main-header .hdr-rt{ gap: 0;}
    .main-menu, .main-header .hdr-rt.mob-hide { display: none; }
    .mobile-menu ul li.menu-item-has-children.menu-open:after {transform: rotate(225deg); transition: border-width 150ms ease-in-out; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; top: 15px; }
    .mobile-menu ul li a { padding: 5px 0; font-family: "Onest", sans-serif; }
     
    header .mobile-menu ul {max-width: 300px;margin: 0 auto;}
    header span.dropdown-icon-menu.active::before { transform: rotate(227deg); top: 17px }
    header span.dropdown-icon-menu { margin-left: 10px; content: ""; position: absolute; top: -2px; box-sizing: border-box; height: 40px; width: 40px; transform: rotate(0deg); transition: border-width 150ms ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; left: unset; right: 0px; margin: 0 auto; z-index: 9999; display: flex; justify-content: center; align-items: center }

    .mobile-menu-container ul.sub-menu { position: relative; max-height: 0; overflow: hidden; transition: max-height .6s ease-out; box-shadow: 0 0 15px #1e346629; border-radius: 10px; margin-top: 20px; /* padding-bottom: 20px; */ background-color: var(--color-accent); }
    .mobile-menu-container ul.sub-menu.sub-menu-open { transform: scaleY(1); max-height: 500px;}
      
    .mobile-menu ul li.menu-item-has-children > a{padding-right: 0;} 
  
    /*  ===========mobile nav==========  */



 
}

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

  .common-padd { padding-top: 60px; padding-bottom: 60px; } 
  .common-padd-bottom {  padding-bottom: 60px; } 
  .common-padd-top {  padding-top: 60px; } 
    
  

}

@media only screen and ( max-width: 780px ) {   
}

@media only screen and ( max-width: 767px ) {  
  /*  ===========mobile nav==========  */

  h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin: 0 0 12px; }

  input:not([type="submit"]) { height: 52px !important; min-height: inherit !important;}
  
  .btn { padding: 8px 14px 8px 14px; }
  .btn span { width: 36px; height: 36px; padding: 10px; }

  .mb-30 { margin-bottom: 20px; }

  .common-padd { padding-top: 40px; padding-bottom: 40px; } 
  .common-padd-bottom {  padding-bottom: 40px; } 
  .common-padd-top {  padding-top: 40px; } 



}

@media only screen and ( max-width: 575px ) {   
}

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

}

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

}

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

  .all-shape-4 { bottom: 7%; right: inherit; left: 2%; max-width: 9vw; }
  .all-shape-8 { top: 150px; left: 10px; max-width: 30px; }

} 
/*Media Query css*/