/* media queries */
@media (max-width: 1439px) {
    *{}   
    /* HOME */
    .main-banner h2{font-size: 3.6rem;}
    .main-banner h3{font-size: 2.6rem;}
    .main-banner p{font-size: 1.6rem;}
    
    .featured-content{font-size: 1rem; padding: 30px;}
 
 
    /* LISTING */
    .listing.services .summary{font-size: 1rem;}
    .listing.services.featured .details{padding: 40px;}
    .listing.board .title{font-size: 1.4rem;}

}

@media (max-width: 1199px) {
    *{}
    .main-menu li{margin-left: 20px;}
    
    h1.title{margin-bottom: 20px}
    h2.title{font-size: 1.6rem; margin-bottom: 20px;}
    h3.title{font-size: 1.4rem;}
    h4.title{margin-bottom: 20px;}
    
    .navigation{min-height: 60px;}
    .navigation li a{padding: 18px 20px; font-size: 1.1rem;}
    .navigation .filter{margin: 5px 0;}
    
    /* HOME */
    .main-banner h2{font-size: 3.2rem;}
    .main-banner h3{font-size: 2.2rem;}
    .main-banner p{font-size: 1.4rem;}
    .main-banner .details{top: 50%;}
    .main-banner .btn{margin-top: 10px;}
    
    .price-holder{margin: 0; height: auto;}
    .price-holder .container{padding: 0;}
    .featured-prices{padding: 20px; height: auto;}
    .featured-prices .price{font-size: .85rem; margin-right: 20px; margin-left: 0;}
    .featured-prices .elements{padding-top: 20px; margin-top: 20px;}
    
    /* LSITING */
    .listing.services.featured .title{font-size: 1.3rem; margin-bottom: 14px;}
    .listing.services .details{padding: 20px;}
    .listing.news .title{font-size: 1rem;}
    .listing.products .title{font-size: 1.1rem;}    
    
 

}

@media (max-width: 991px) {
    *{}
    .btn-menu{display: block;}
    .main-menu{position: fixed; left: auto; right: -360px; top: 100px; bottom: 0;-webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; transition: all .35s ease-in-out; width: 360px; background: #fff; z-index: 999; max-width: 100%;}
    .main-menu.selected{right: 0;}
    .main-menu li{float: none; border-bottom:1px solid #ccc; margin: 0;}
    .main-menu li a{padding: 8px 20px!important; line-height: 22px!important; text-align: left; color: #252525; text-transform: capitalize; -webkit-border-radius:0; border-radius:0; background: #fff;}
    .main-menu li a.selected{background: #199449; color: #fff;}
    .menu1{top: 0!important; position: relative; right: 0;}
    .menu2{bottom: 0!important; position: relative;}
    .main-menu .social{position: relative; top: 0!important; color: #252525; padding: 8px 20px; font-weight: 700;}
    .main-menu .social a{color: #252525;}
    
    .navigation li a{padding: 18px 16px; font-size: .85rem;}
    
    /* HOME */
    .main-banner h2{font-size: 2.6rem;}
    .main-banner h3{font-size: 1.8rem;}
    .main-banner p{font-size: 1.2rem;}
    
    .featured-content{padding: 20px 15px;}
    .featured-partners .btn{margin-top: 12px;}
    
    /* LISTING */
    .listing.services .title{text-transform: capitalize; margin-bottom: 8px!important;}
    .listing.services.featured .details{padding: 20px 15px;}
    .listing.services .details{opacity:1; background: rgba(0,0,0,.35);}
    .listing.board .title{font-size: 1.2rem;}
    
    /* FORMS */
    .accordion .node button{font-size: 1rem;} 
    

 
}

@media (max-width: 767px) {
    *{}
    h1.title{font-size: 1.5rem; margin-bottom: 16px; text-transform: none;}
    h2.title{font-size: 1.4rem; margin-bottom: 16px; text-transform: none;}
    h3.title{font-size: 1.2rem; text-transform: none;}
    h4.title{font-size: 1.1rem; margin-bottom: 12px; text-transform: none;}
    .content *{font-size: inherit;}
    
    .footer .listing{text-transform: capitalize;}
    .footer .listing li{margin-bottom: 2px; margin-right: 8px; display: inline-block;}
    .footer .copyrights{margin-top: 0;}      
    
    /* HOME */
    .main-banner h2{font-size: 2rem;}
    .main-banner h3{font-size: 1.4rem;}
    .main-banner p{font-size: 1rem;}
    
    .featured-content .summary{overflow: visible; display: block; max-height: none;}
 
    /* LISTING */
    .listing.products .title{font-size: 1rem; margin-bottom: 2px;}
    .listing.products .subtitle{font-size: .85rem;}
    .listing.prices{overflow: auto ;}
    .listing.prices table{min-width: 640px;}
    
    /* FORMS */
    .fancybox-container .green-form{padding: 20px;}
    .right50-green:after{display: none;}
    .right50-green .text-white{color: inherit!important;}
    .right50-green .btn-secondary{background: #24ab58; color: #fff;}  
    .accordion .node button{margin-bottom: 20px; } 
    .accordion .node{margin-bottom: 14px;}

}

@media (max-width: 575px) {
    *{}
    .main-banner h2{font-size: 1.6rem;}
    .main-banner h3{font-size: 1.2rem;}
    .main-banner p{font-size: .85rem;}
    
    .footer .copyrights{padding-right: 0; text-align: center; margin-bottom: 8px;}
    .footer .social{position: relative; top: 0; text-align: center; right: 0;}
    
    .navigation .filter {border-top: 1px solid #eb2d2e; padding-top: 10px; margin: 0 0 10px; float: none;}
    .navigation select.form-control:not([size]):not([multiple]){width: 100%; float: none; margin: 0 0 10px;}
    .navigation .custom-input{float: none; width: 100%; margin: 0;}
  
    .gallery{float: none; width: auto; margin: 0 auto 20px;}
    
    /* LISTING **/
    .listing.services .title{margin-bottom: 4px!important; font-size: 0.95rem!important;}

}

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

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


/* custom animations */
.is-animated{
    opacity:0;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    transform: translateY(100px);   
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
.animated{
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
}
.ie8 .is-animated,
.ie9 .is-animated{
    opacity:1;
}