/****************************************************
        media css
*****************************************************/
@media (max-width: 1500px) {
 
}
@media (max-width: 1450px) {
 
}
@media (max-width: 1383px) {
 
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .md-display-block { display: block !important}
}
@media only screen and (min-width: 1024px) and (max-width: 1920px) {
    .md-no-margin-bottom { margin-bottom: 0 !important}
}
@media (min-width: 992px) and (max-width: 1199px) {
    /*  typography  */
    .md-full-width { width: 100% !important;}
    .md-display-block { display: block !important}
    .md-no-padding-bottom { padding-bottom: 0 !important}
    .spa-our-packages .content-box { padding: 15px; }
   
}
@media (max-width: 1199px) {
  
    /* footer */
    footer ul.list-inline li:first-child { padding-left: 5px;}
    .list-inline li { padding: 0 17px; }
   
}
@media (max-width: 1064px) {
   
    
}
/******* Only for iPad Css *******/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* for general iPad layouts */
  
}
@media (max-width: 1159px) {
    .div-lang { position: relative !important; float: right; }
    .t-normal { display: none !important; }
    .t-mini { display: block !important; }
    .logo { margin: 15px 0px 15px 478px !important; }
    #header .forthemenu { float: right !important; }
}
@media (max-width: 1024px) {
    .logo { margin: 15px 0px 15px 366px !important; }
    .f-nav .logo { margin: 15px 0px 15px 414px !important; }
}
@media (max-width: 991px) {
    
    /*  custom  */
    .breadcrumb { text-align: left; margin-top: 2%; }
    section { padding: 90px 0; }
    .section-title { padding-bottom: 90px; }
    .sm-pull-left { float: left !important; }
    .sm-pull-right { float: right !important; }
    .sm-no-margin { margin: 0 auto !important; }
    .sm-no-margin-top { margin-top: 0 !important; }
    .sm-no-margin-bottom { margin-bottom: 0 !important; }
    .sm-margin-five { margin: 5% 0 !important; }
    .sm-margin-eight { margin: 8% 0 !important; }
    .sm-margin-bottom-one { margin-bottom: 1% !important }
    .sm-margin-bottom-two { margin-bottom: 2% !important }
    .sm-margin-bottom-three { margin-bottom: 3% !important }
    .sm-margin-bottom-four { margin-bottom: 4% !important }
    .sm-margin-bottom-five { margin-bottom: 5% !important }
    .sm-margin-bottom-six { margin-bottom: 6% !important }
    .sm-margin-bottom-seven { margin-bottom: 7% !important }
    .sm-margin-bottom-eight { margin-bottom: 8% !important }
    .sm-margin-bottom-nine { margin-bottom: 9% !important }
    .sm-margin-bottom-ten { margin-bottom: 10% !important }
    .sm-margin-bottom-eleven { margin-bottom: 11% !important }
    .sm-margin-bottom-twelve { margin-bottom: 12% !important }
    .sm-margin-top-one { margin-top: 1% !important }
    .sm-margin-top-two { margin-top: 2% !important }
    .sm-margin-top-three { margin-top: 3% !important }
    .sm-margin-top-four { margin-top: 4% !important }
    .sm-margin-top-five { margin-top: 5% !important }
    .sm-margin-top-six { margin-top: 6% !important }
    .sm-margin-top-seven { margin-top: 7% !important }
    .sm-margin-top-eight { margin-top: 8% !important }
    .sm-margin-top-nine { margin-top: 9% !important }
    .sm-margin-top-ten { margin-top: 10% !important }
    .sm-margin-top-eleven { margin-top: 11% !important }
    .sm-margin-top-twelve { margin-top: 12% !important }
    .sm-margin-right-one { margin-right:1% !important }
    .sm-no-margin-right { margin-right: 0 !important;}
    .sm-no-margin-left { margin-left: 0 !important; }
    .sm-padding-bottom-six { padding-bottom: 6% !important; }
    .sm-no-padding { padding: 0 !important; }
    .sm-no-padding-left { padding-left: 0 !important; }
    .sm-padding-top-six { padding-top: 6% !important }
    .sm-padding-top-nine { padding-top: 9% !important; }
    .sm-padding-bottom-nine { padding-bottom: 9% !important; }
    .sm-display-none { display:none !important}
    .sm-text-center { text-align: center !important;}
    .sm-border { border: 1px solid rgba(0, 0, 0, 0.075) !important; }
    .sm-no-border-right { border-right: 0 !important; }
    .sm-margin-lr-four { margin-left: 4% !important; margin-right: 4% !important;}
    .sm-background-image-right { background-position: center right !important;}
    .sm-pull-none { float: none !important}
  
}
@media (max-width: 920px) {
 
}
@media (max-width: 768px) {
    .selo-25anos {
        position: absolute;
        left: 179px;
        top: 41px;
        text-align: center;
        z-index: 9999999 !important;
    } 
    .logo { margin: 15px 0px 15px 244px !important; }
    .f-nav .logo { margin: 15px 0px 15px 280px !important; }
}
@media (max-width: 767px) {
    /*  custom  */
    section { padding: 50px 0; }
    .xs-pull-left { float: left !important; }
    .first-child { padding-top: 0; }
    .last-child { padding-bottom: 0; }
    .margin-top-section { margin-top: 50px; }
    .xs-indicators-black .active { background-color: #000; border: 2px solid rgba(0, 0, 0, 1); }
    .xs-indicators-black li { border: 2px solid rgba(0, 0, 0, 1);}
    .xs-no-margin { margin: 0 auto !important; }
    .xs-no-margin-top { margin-top: 0 !important; }
    .xs-margin-bottom-one { margin-bottom: 1% !important }
    .xs-margin-bottom-two { margin-bottom: 2% !important }
    .xs-margin-bottom-three { margin-bottom: 3% !important }
    .xs-margin-bottom-four { margin-bottom: 4% !important }
    .xs-margin-bottom-five { margin-bottom: 5% !important }
    .xs-margin-bottom-six { margin-bottom: 6% !important }
    .xs-margin-bottom-seven { margin-bottom: 7% !important }
    .xs-margin-bottom-eight { margin-bottom: 8% !important }
    .xs-margin-bottom-nine { margin-bottom: 9% !important }
    .xs-margin-bottom-ten { margin-bottom: 10% !important }
    .xs-margin-bottom-eleven { margin-bottom: 11% !important }
    .xs-margin-bottom-twelve { margin-bottom: 12% !important }
    .xs-margin-bottom-thirteen { margin-bottom: 13% !important }
    .xs-margin-bottom-thirtyfive { margin-bottom: 35% !important }
    .xs-margin-top-one { margin-top: 1% !important }
    .xs-margin-top-two { margin-top: 2% !important }
    .xs-margin-top-three { margin-top: 3% !important }
    .xs-margin-top-four { margin-top: 4% !important }
    .xs-margin-top-five { margin-top: 5% !important }
    .xs-margin-top-six { margin-top: 6% !important }
    .xs-margin-top-seven { margin-top: 7% !important }
    .xs-margin-top-eight { margin-top: 8% !important }
    .xs-margin-top-nine { margin-top: 9% !important }
    .xs-margin-top-ten { margin-top: 10% !important }
    .xs-margin-top-eleven { margin-top: 11% !important }
    .xs-margin-top-twelve { margin-top: 12% !important }
    .xs-margin-top-thirteen { margin-top: 13% !important }
    .xs-no-margin-right { margin-right: 0 !important }
    .xs-no-margin-left { margin-left: 0 !important; }
    .xs-no-margin-lr { margin-left: 0 !important; margin-right: 0 !important}
    .xs-no-margin-bottom { margin-bottom: 0 !important }
    .xs-padding-bottom-six { padding-bottom: 6% !important; }
    .xs-padding-bottom-fifteen { padding-bottom: 15% !important; }
    .xs-padding-top-six { padding-top: 6% !important }
    .xs-padding-left-right-two { padding: 0 2% !important; }
    .xs-display-none { display: none !important}
    .xs-padding-seven { padding: 6% 0}
    .xs-no-padding { padding: 0 !important; }
    .xs-no-padding-left { padding-left: 0 !important; }
    .xs-no-padding-right { padding-right: 0 !important; }
    .xs-no-padding-lr { padding-left: 0 !important; padding-right: 0 !important; }
    .xs-no-padding-top { padding-top:0 !important}
    .xs-no-padding-bottom { padding-bottom: 0 !important; }
    .xs-no-padding-left-right { padding-left: 0 !important; padding-right: 0 !important}
    .xs-padding-right { padding-right: 15px !important;}
    .xs-padding-left { padding-left: 15px !important;}
    .xs-text-center { text-align: center !important;}
    .xs-no-border { border: 0 !important; }
    .xs-no-background { background: none !important; }
    .xs-no-float { float: none !important; }
    .xs-display-block { display: block !important; }
    .xs-text-left { text-align: left !important; }
    .width-70 { width: 100% !important; }
    .xs-width-100 { width: 100% !important; }
    .xs-img-full { width: 100%;}
    .xs-padding-tb-ten { padding-bottom: 10% !important; padding-top: 10% !important; }
    .xs-width-100 { width: 100% !important}
    .xs-letter-spacing-6 { letter-spacing: 6px !important}
    .xs-center-col { float: none !important; margin-left: auto !important; margin-right: auto !important;}
    .xs-padding-eight { padding: 8%; }
    .xs-position-inherit { position: inherit;}
    .xs-line-height-18 { line-height: 18px !important;}
    
  
}
@media (max-width: 700px) {
}
@media (max-width: 640px) {
 
}
@media (max-width: 589px) {
}
@media (max-width: 580px) {
}
@media (max-width: 480px) {
    /*  footer  */
    .page-title {
    padding: 0 !important;
}
.callaction-btn {top:0 !important;}
    .footer-social { /* margin-top: 20px; */ }
    
    /*     footer  */
    .footer-link2, .footer-link3, .footer-link4 { width: 100%; margin-bottom: 5%;}
    footer h5 { margin-bottom: 10px;}
 
   .selo-25anos {display:none;/*position:absolute; right:0; top:110px !important; text-align:center*/}
   .f-nav .selo-25anos {display:none;}
   #mobile-menu-trigger { right: 23px !important;  }
}
@media (max-width: 420px) {
    .logo { margin: 15px 0px 15px 60px !important; }
    .f-nav .logo { margin: 15px 0px 15px 100px !important; }
}
@media (max-width: 466px) {
  
    /*     footer  */
    .list-inline li { padding: 0 6px;}
    footer ul li a { font-size: 10px;}
    .footer-social a { margin: 0 15px;}
    .copyright { font-size: 9px;}
   
}
@media (max-width: 375px) {
    .logo { margin: 15px 0px 15px 40px !important; }
    .f-nav .logo { margin: 15px 0px 15px 81px !important; }
}
@media (max-width: 359px) {
    /*     footer  */
    .footer-social i { font-size: 20px;}
    .footer-social a { margin: 0 10px;}
    footer ul li a { font-size: 9px;}
    .list-inline li { padding: 0 3px;}
    .copyright { font-size: 8px;}
}
@media (max-width: 330px) {
    .logo { margin: 15px 0px 15px 20px !important; }
    .f-nav .logo { margin: 15px 0 15px 52px !important; }
}
/*  only mobile devices landscape view  */
@media screen and (max-width: 320px) , screen and (max-height: 480px) {
  
}
@media (max-width: 320px) {
  
}
@media (min-width: 640px) {
        
}
@media (min-width: 768px) {
       
}
@media (min-width: 992px) {
      
}
@media (min-width: 1200px) {
	
}