@media (-webkit-min-device-pixel-ratio: 1.5) {
    .container {
      width: 100%;
      max-width: 1140px;
    }
 }
@media only screen and (min-width: 1381px) and (max-width: 1440px) {

}
@media only screen and (min-width: 992px) and (max-width: 1380px) {
   
}

@media only screen and (min-width: 992px) and (max-width: 1280px) {
    .owl-carousel.style01 .owl-nav .owl-prev{left: 0;}
    .owl-carousel.style01 .owl-nav .owl-next{right: 0;}
    
    .parent-pageid-195 #banner, .parent-pageid-195 #banner .slider .item{height: 320px;}
    .parent-pageid-228 #banner, .parent-pageid-228 #banner .slider .item{height: 320px;}
    .parent-pageid-228 #banner .banner-conent{padding-bottom: 30px;}
    .page-template-blog-page #banner, .page-template-blog-page #banner .slider .item{height: 320px;}
    .page-id-339 #banner,.page-id-339 #banner .slider .item{height: 320px;}
    .single-format-standard #banner,.single-format-standard #banner .slider .item{height: 320px;}
    
    #banner .banner-conent .para br{display: none;}
    
    #banner,#banner .slider .item{height: 400px;}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .header{max-width: 100%; padding: 0 15px;}
    .logo-wrap{max-width: 230px;}
    .header.fixed .navbar-brand img{max-width: 100%;}
    .navbar-toggler{position: absolute; right: 0; top: -55px;}
    
    .progress-outer{display: none;}
    .owl-carousel.style01 .owl-nav .owl-prev{left: 0;}
    .owl-carousel.style01 .owl-nav .owl-next{right: 0;}
    header .mega-menu .dropdown-menu.sub-menu{column-count: 1;}
    
    #banner,#banner .slider .item{height: 40vh;}
    #banner .banner-conent .para br{display: none;}
    #banner .banner-conent .banner-subtitle br{display: none;}
    .footer .f-logo{margin-bottom: 30px; }
    footer .copyright{margin-top: 30px;}
    .parent-pageid-195 #banner, .parent-pageid-195 #banner .slider .item{height: 250px;}
    .parent-pageid-228 #banner, .parent-pageid-228 #banner .slider .item{height: 250px;}
    .parent-pageid-228 #banner .banner-conent{padding-bottom: 30px;}
    .page-template-blog-page #banner, .page-template-blog-page #banner .slider .item{height: 250px;}
    .page-id-339 #banner,.page-id-339 #banner .slider .item{height: 250px;}
    .single-format-standard #banner,.single-format-standard #banner .slider .item{height: 250px;}
}


@media only screen and (max-width:767px){
    .header{max-width: 100%; padding: 0 15px;}
    .logo-wrap{max-width: 200px; margin: 0 auto;}
    .header .navbar-brand{max-width: 180px;}
    .header.fixed .navbar-brand img{max-width: 100%;}
    .header .social-media{left: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); right: auto; top: 50px;}
    .header .social-media a{margin: 0 10px 0 0;}
    .navbar-toggler{position: absolute; right: 0; top: -55px;}
    h2.title, h1.title{margin-bottom: 1rem;}
    .progress-outer{display: none;}
    .owl-carousel.style01 .owl-nav .owl-prev{left: 0;}
    .owl-carousel.style01 .owl-nav .owl-next{right: 0;}
    header .mega-menu .dropdown-menu.sub-menu{column-count: 1;}
    .home #banner .banner-conent{max-width: 100%;}
    #banner .banner-conent{max-width: 100%;}
    #banner .banner-conent .para br{display: none;}
    #banner .banner-conent .banner-subtitle br{display: none;}
    #banner,#banner .slider .item{height: 55vh;}
    .parent-pageid-195 #banner, .parent-pageid-195 #banner .slider .item{height: 30vh;}
    .parent-pageid-228 #banner, .parent-pageid-228 #banner .slider .item{height: 30vh;}
    .page-template-blog-page #banner, .page-template-blog-page #banner .slider .item{height: 30vh;}
    .page-id-339 #banner,.page-id-339 #banner .slider .item{height: 30vh;}
    .single-format-standard #banner,.single-format-standard #banner .slider .item{height: 30vh;}
    .parent-pageid-228 #banner .banner-conent{padding-bottom: 15px;}
    #bottom-block .left-block{margin-bottom: 30px;}
    .footer{padding: 15px 10px;}
    .footer .f-logo{margin:0 auto 15px; max-width: 180px; display: flex;}
    footer .copyright{margin-top: 15px;}
    .footer .social-media{left: 0;  margin: 20px auto;  display: flex !important; justify-content: center;}
    .footer .social-media a{margin: 0 10px;}
}

@media only screen and (max-width:767px) and (orientation: landscape) {
   
}

@media only screen and (min-width:320px) and (max-width:480px){
   
}