/* media queries */
@media (max-width: 1199px) {
    .main-menu li{margin-left: 20px;}
    
    .main-banner h2{font-size: 5rem; margin-bottom: 10px;}
    .main-banner h3{font-size: 1.5rem;}
 
    .section-glance .details{font-size: 1rem;}
    
    .listing.events .title{font-size: 1.5rem;}
    
    .section-follow h2{font-size: 2.5rem;}
    .section-follow .insta{font-size: 2rem;}
 
}

@media (max-width: 991px) {
    body{margin-top: 100px;}
    .header{height: 100px;}
    .header .container{margin: 25px auto;}
    .main-menu{position: fixed;right: -360px;top: 100px;width:360px;bottom: 0; left: auto;z-index: 999;background: #fff; color: var(--primary);-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;transition: all .5s ease-in-out; -webkit-transform: none; -ms-transform: none; transform: none;}
    .main-menu.selected{right: 0;}
    .main-menu li{margin: 0; border-bottom: 1px solid var(--primary); display: block; float: none}
    .main-menu li a{padding: 14px 20px; display: block; font-size: .85rem; color: var(--primary);}
    .main-menu li a.selected{background: var(--primary); color: #fff;}
    .btn-menu{display: block;}
    .main-logo img{height: 50px;}
    
    h2.title{padding-left: 80px;}
    h2.title:before{width: 70px;}

    .main-banner h2{font-size: 4rem;}
    .main-banner h3{font-size: 1.4rem;}
    
    .listing.collections .title{font-size: 1rem;}
    
    .listing.events .title{font-size: 1.3rem;}
    .listing.events .date{font-size: 1.2rem;}
    
    .section-follow h2{font-size: 2rem;}
    .section-follow .insta{font-size: 1.6rem;}
    
}

@media (max-width: 767px) {    
    h2.title{margin-bottom: 20px;}
    
    .main-banner h2{font-size: 3rem;}
    .main-banner h3{font-size: 1.2rem;}
 
    .section-follow h2{font-size: 1.5rem;}
    .section-follow .insta{font-size: 1.3rem;}
    
    .section-collections .form-row > div:nth-child(1n){border-top:0;padding-top: 0;}

}

@media (max-width: 575px) {
   .main-menu{width: 100%; right: -100%;}
   
   h2.title{font-size: 1.1rem;}
  
    .main-banner .holder{position: relative; background: #000; padding: 20px 0;}
    .main-banner .details{top: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} 
    .main-banner h3{font-size: 1rem; padding: 8px 20px;}
    .main-banner h2{font-size: 2.6rem;}
    
    .section-follow h2{font-size: 1.2rem;}
    
    .copyrights{display: block;}
    
}

@media (min-width: 576px) and (max-width: 1199px) {
    .container{max-width: none;}
    
}

/* ios Bug */
.ios .back{background-attachment: scroll!important;}