@media only screen and (max-width: 4000px) and (min-width: 1600px){
    .offer-section {min-height: 750px;}
    /*.offer-section {background: url(../images/contables.jpg) no-repeat top right; background-size: 60%; padding-bottom: 60px; min-height: 750px;}*/
    /*.one {background: url(../images/contables.jpg) no-repeat top right; background-size: 60%; padding-bottom: 60px;}
    .two {background: url(../images/sistemas.jpg) no-repeat top right; background-size: 60%; padding-bottom: 60px;}
    .three {background: url(../images/legal.png) no-repeat top right; background-size: 50%; padding-bottom: 60px; background-position-y: 0;}
    .four {background: url(../images/financieros.jpg) no-repeat top right; background-size: 100%; padding-bottom: 85px; background-position-y: 2em;}*/
    .contact-us-section {min-height: 83vh;}
    .pantalla {height: 86vh;}
}
@media only screen and (min-width: 1200px){
    .test:after  { content: '@media (min-width: 1200px) >>>';} 
.header_type_2 .menu-button {padding-bottom: 26px; padding-top: 28px;}
 
    footer input { width: 100%;}
    footer .input {width: 50%;}
    footer .input1 {padding-right: 5px;}
    footer .input2 {padding-left: 5px;}
    footer .input_text {width: 100%;}
    footer textarea {width: 100%;}
    .container {max-width: 100%;}
    
 
}

@media only screen and (max-width: 1199px){
 .test:after  { content: '@media (max-width: 1199px)';}
 
    .menu-button {padding-bottom: 30px;} 
    .header_type_2 .menu-button {padding-bottom: 26px; padding-top: 28px;} 
    .testimonials-section .testi_logo {margin: 6px 58px; border-right: 1px solid #e5e5e5;}
    .home_page_h h2 {font-size: 38px; padding-top: 9px;}
    footer input { width: 100%;}
    footer .input {width: 50%;}
    footer .input1 {padding-right: 5px;}
    footer .input2 {padding-left: 5px;}
    footer .input_text {width: 100%;}
    footer textarea {width: 100%;}
    .container {max-width: 100%;}
    .flexnav>li {padding: 26px 10px 19px 0px;} 
    .menu>ul {padding-left: 35px;}
    .header_type_2 .flexnav>li {padding: 17px 10px 9px 0;}
    .header_type_2 .flexnav>li:last-child {padding-right: 0;}
}

@media only screen and (max-width: 1024px){
    .test:after  { content: '@media (max-width: 1024px)';}  
    
    .menu-button {padding-bottom: 30px;} 
    .testimonials-section .testi_logo {margin: 6px 58px; border-right: 1px solid #e5e5e5;}
    .home_page_h h2 {font-size: 38px; padding-top: 9px;}
    .accordion-item {padding: 26px 17px;background: url(../images/faq.png) no-repeat 21px center, #f3f8f9;}
    .blog-post-author-text {padding: 15px;}

@media only screen and (max-width: 992px){
    .test:after  { content: '@media (max-width: 980px)';} 
    .menu>ul {padding-left: 0;}
    .testimonials-section .testi_logo {margin: 6px 80px;border-right: 1px solid #e5e5e5;}
    footer textarea {min-width: 100%;} 
    .banner-section {padding-top: 64px;padding-bottom: 61px;text-align: center;}
    footer input { width: 100%;}
    footer .input {width: 50%;padding: 0 10px}
    footer .input_text {width: 100%;}
    footer textarea {width: 100%;}
    .button_footer {width: 150px;margin: 0 auto;}
    footer .footer_sec_3 {padding-top: 30px; text-align: center;}
    .contact-section { padding-bottom: 55px;}
    .map-sector {padding-right: 15px;} 
    .menu>ul {padding-left: 0px;}
    .over_header_ins {text-align: center;}
    .sotials_top {margin-bottom: 8px; position: relative; z-index: 100;}
    .tip_1 {padding: 14px 20px;}
    .tip_2 {padding: 14px 20px;}
    .tip_3 {padding: 14px 20px;}
	.tip_4 {padding: 14px 20px;}
    .accordion {margin: 0px auto;}
}

@media only screen and (max-width: 820px){
    .test:after  { content: '@media (max-width: 820px)';}  

}

/* планшет и мобильные устройства */
@media only screen and (max-width: 768px){
    .test:after  { content: '@media (max-width: 768px)';}  
    .accordion2 {margin: 0!important; }
    .header_type_1 {text-align: center; height: 95vh;}
    .header_type_2 {text-align: center;}
    .header_type_1 .button_flat_menu {float: none; margin-bottom: 20px;} 
    .header_type_2 .button_flat_menu {float: none; margin-bottom: 20px;} 
    .tip_1 {padding: 14px 20px;}
    .tip_2 {padding: 14px 20px;}
    .tip_3 {padding: 14px 20px;}
	.tip_4 {padding: 14px 20px;}
    .tip_1, .tip_2, .tip_3 {height: 180px; border-radius: 0px;}
    .pricing3 {margin-top: 25px;}
    .testimonials-section .testi_logo {margin: 6px 0px;}
    .banner-section {padding-top: 62px;padding-bottom: 63px; text-align: center;}
    .banner-section .button_flat {margin: 32px 0 0 0px;}
    .solutions-text {width: 60%;}
    .testimonials-section .testi_logo {width: 100%;margin: 6px 0;}        
    .testi_logo {text-align: center;}
    .testimonials-section .logo1:hover{background: url(../images/logo1-2.png) no-repeat center center;}
    .testimonials-section .logo2:hover{background: url(../images/logo1-2.png) no-repeat center center;}
    .testimonials-section .logo3:hover{background: url(../images/logo1-2.png) no-repeat center center;}
    .testimonials-section .logo4:hover{background: url(../images/logo1-2.png) no-repeat center center;}
    .testimonials-section .logo5:hover{background: url(../images/logo1-2.png) no-repeat center center;}
    .testimonials-section .logo6:hover{background: url(../images/logo1-2.png) no-repeat center center;}
    .contact-text {width: 60%;}
    .comment-2lvl { padding-left: 30px;}
    .comment-3lvl { padding-left: 60px;}
    .p-n-pagination h3 {font-size: 25px;}
    .post-bar3 {display: none;}
    .in-touch {width: 100%; margin: 10px 0 0 0}
    .map-sector {padding-right: 0px;}
    .main_contact_form {padding-left: 0;}
    #map {width: 100%; max-width: 100%; height: 250px;margin-top: 28px; margin-bottom: 30px;}
    .header-wrapper2 {height: 135px;}
    
    .header_type_2 .menu-button {
    padding-bottom: 20px;
    padding-top: 20px;
    }
    .sotials_top {display: none;}
    .menu .show>li {text-align: center; padding: 6px 0!important;}
    .flexnav>li.item-with-ul>a {padding-right: 0; border-bottom: 0;}
}

@media only screen and (max-width: 768px) and (min-height: 425px) {
    .especial-pad {width: 100%; margin-top: 50%; background: #FFF; padding-top: 2em;}
    .one {
        background: url(../images/contables.jpg) no-repeat top right;
        background-size: 100%;
        padding-bottom: 0;
        background-position-y: 0;
    }
    .two {
        background: url(../images/sistemas.jpg) no-repeat top right;
        background-size: 100%;
        padding-bottom: 85px;
        background-position-y: 0;
    }
    .three {
        background: url(../images/legal.jpg) no-repeat top right;
        background-size: 100%;
        padding-bottom: 85px;
        background-position-y: 0;
    }
    .four {
        background: url(../images/financieros.jpg) no-repeat top right;
        background-size: 100%;
        padding-bottom: 85px;
        background-position-y: 0;
    }
    footer {position: relative;}
    .pantalla {height: 88vh;}
    .contact-us-section {min-height: 85vh;}
}

@media only screen and (max-width: 736px){
    .test:after  { content: '@media (max-width: 736px)';}  
    
    .over_header span {background: none;}
    .header_type_1 {text-align: center;}
    .header_type_2 {text-align: center;}
    .button_flat_menu {float: none; margin-bottom: 20px;}    
    .menu-button {padding-bottom: 20px;}
    .menu-button{padding-top: 20px;}
    .pricing {margin-top: 25px;}
    .pricing-section p {margin-bottom: 0px;}
    .pricing-section .contact span {display: inherit; float: none; text-align: center; padding-right: 0px; background: none;}
    .pricing-section .contact a {display: inherit; float: none; text-align: center; padding-left: 0px;}
    .solutions-text {width: 60%;}
    .solutions-section {padding-top: 60px;}
    .contact-text {width: 60%;}
    .banner-section .button_flat {float: none;}
    .banner-section {padding-top: 53px;padding-bottom: 39px;}
    footer .footer-text {text-align: center;}
    footer .footer_sec_2 {padding-top: 20px;}
    .contact-section {padding-top: 50px; padding-bottom: 72px;}
    .text-right { text-align: center; }
    .over_header span {float: none;}
    .clients-section .clients_blocks {text-align: center;}
    .flick {width: 93px;}
    .recent-posts {text-align: center;}
    .recent-posts p {text-align: center;}
    .archives p {text-align: center;}
    .newsletters p {text-align: center;}
    .blog-post-author {text-align: center;}
    .comments-section input {margin-bottom: 10px;}
    .post-bar3 {display: block;}
    .comment-2lvl { padding-left: 25px;}
    .comment-3lvl { padding-left: 50px;}
    .contact-us-section {text-align: center;}
    .calculate-section input {width: 120px;}
    .calculate-section .button_fat {padding: 10px 20px;}
    
    .over_header a {position: absolute; right: 0; top: 0; margin: 0; padding: 0; z-index: 1000000;}
    #owl-demo .item {margin-top: 0; height: 48vh;}
    .slide_light_text {font-size: 28px; line-height: 1.2;}
    .slide_middle_text {font-size: 28px; line-height: 1.2;}
    .header_type_1 {background: url(../images/background.png) no-repeat top center; background-size: cover; height: 56vh;}
    .tip_1, .tip_2, .tip_3, .tip_4 {margin-top: 0; height: auto; min-height: 54px;}
    .home_page_h h4, .changed_h h4 {font-size: 18px;}
    .tip_1 {background: rgba(0, 102, 204, 0.85);}
    .tip_2 {background: rgba(0, 180, 255, 0.85);}
    .tip_3 {background: rgba(0, 102, 204, 0.85);}
	.tip_4 {background: rgba(0, 180, 255, 0.85);}

    .primero:hover .tip_1 {background: rgba(0, 102, 204, 1);}
    .segundo:hover .tip_2 {background: rgba(0, 180, 255, 1);}
    .tercero:hover .tip_3 {background: rgba(0, 102, 204, 1);}
	.cuarto:hover  .tip_4 {background: rgba(0, 180, 255, 1);}
    .header_type_1 {height: 89vh;}
    footer {position: relative; padding: 1em 0;}
    footer .footer_sec_1 a {margin: 0;}
    .sacrificio {min-height: 200px;}
    .home_page_h h5, .changed_h h5 {font-size: 21px;}
    .panel-group .panel-heading + .panel-collapse .panel-body {padding: 16px 12px; margin: 0;}
    .panel-heading .panel-title {margin: 0;}
    .one, .two, .three, .four {padding-bottom: 0;}
    .panel-body li {text-indent: 0;}
    .clients-section .logos {padding:0;}
    .logos img {max-width: 46%; margin: 4px;}
    .mapita {bottom: -7rem; right: 0; margin-right: 11%;}
    .especial-pad {width: 100%; margin-top: 0; background: #FFF; padding-top: 0;}
}
   

@media only screen  and (max-width: 600px) {
.test:after  { content: '@media (max-width: 600px)';}  
    
    .solutions-section {padding-top: 26px;}
    .contact-section{padding-top: 37px;padding-bottom: 40px;}
    .banner-section {padding-top: 16px;padding-bottom: 27px;}
    .ques { padding: 0px 0 0px 60px; float: left; width: 250px;}
    .post-bar3 {display: block;}
    .calculate-section h5 {padding-top: 30px;}
    .calculate-section {padding-bottom: 21px;}
    /*.offer-section {background: none;}*/
    .especial-pad {width: 100%; margin-top: 15em; background: #FFF; padding-top: 2em;}
}

@media only screen  and (max-width: 414px) {
    footer .footer_sec_1 span {
        color: #a0a0a0;
        display: block;
        margin: 0;
        font-size: 12px;
        padding-bottom: 0;
    }
    .tips {
        height: auto;
        position: relative;
        bottom: auto;
        width: 100%;
        margin: 0;
    }
    .home_page_h h6, .changed_h h6 {padding-top:8px;}
    .flexnav li a {text-align: center; padding: 16px;}
    .flexnav>li.item-with-ul>a {padding-right: 16px;}
    .logos img {max-width: 44%;}
    .pantalla {padding-left: 15px; padding-right: 15px;}
    .contact_us_form {padding-top: 16px;}
    .mapita {bottom: -13rem;
    right: 0;
    margin-right: 2em;}
    /*.pantalla {height: 570px;}*/
    .panel-group .panel-heading + .panel-collapse .panel-body {padding: 16px 12px; margin: 0;}
    .panel-heading .panel-title {margin: 0;}
    .one, .two, .three {padding-bottom: 0;}
    /*.header_type_1 {height: 658px;}*/
}

@media only screen  and (max-width: 414px) {
.test:after  { content: '@media (max-width: 414px)';}  

    .solutions-text {width: 100%;}
    .testimonials-section .testi_logo {width: 100%;margin: 6px 0;}    
    .testi_logo {text-align: center;}
    .testimonials-section .logo1:hover{background: url(../images/logo1-2.png) no-repeat center center;}
    .testimonials-section .logo2:hover{background: url(../images/logo1-2.png) no-repeat center center;}
    .testimonials-section .logo3:hover{background: url(../images/logo1-2.png) no-repeat center center;}
    .testimonials-section .logo4:hover{background: url(../images/logo1-2.png) no-repeat center center;}
    .testimonials-section .logo5:hover{background: url(../images/logo1-2.png) no-repeat center center;}
    .testimonials-section .logo6:hover{background: url(../images/logo1-2.png) no-repeat center center;}
    .contact-text {width: 100%;}
    footer textarea {width: 100%;}
    .tips p {padding-right: 15px;}
    .client_info .sh_info_img {width: 100%;float: none;}
    .client_info .sh_info_text {width: 100%;padding-top: 10px;font-style: italic;float: none;}
    .post-bar3 {display: none;}
    .comment-author {padding: 80px 20px 15px 0px;margin-left: 0px;}
}

@media only screen  and (max-width: 384px) {
.test:after  { content: '@media (max-width: 384px)';}  
    
    /*.tip_1, .tip_2, .tip_3, .tip_4 {height: 185px;border-radius: 0px;}*/
    footer textarea {min-width: 100%;}
    .calculate-section h5 {padding-top: 22px;}
    .calculate-section {padding-bottom: 27px;}
    .contact-section {padding-top: 16px; padding-bottom: 15px;}
    .banner-section {padding-top: 6px;padding-bottom: 13px;}
    .banner-section .button_flat {margin: 6px 0 0 0px;}
    .tabs ul li {padding: 13px 7px;}
    .post-bar3 {display: none;}
    .mapita {bottom: -7rem; right: 0; margin-right: 0;}

}

@media only screen  and (max-width: 384px) {
    
    .test:after  { content: '@media (max-width: 384px)';}  
    .solutions-section ul li {margin-bottom: 4px;}
    .solutions-section .button_fat {margin: 0 0 0 0px;}
    .section-404 span {font-size: 170px;}
    .post-bar3 {display: none;}

}

@media only screen  and (max-width: 360px) {
    .header_type_1 {height: 598px;}
    .mapita {margin-right: 1em;}
}
@media only screen  and (max-width: 320px) {
    .header_type_1 {height: 516px;}
}

footer {
    position: relative !important;
    bottom: auto !important;
    z-index: auto !important;
    margin-top: auto !important;
}

/* ===== FIX TIPS MOBILE ===== */
@media only screen and (max-width: 768px){
    .primero:hover .tip_1,
    .segundo:hover .tip_2,
    .tercero:hover .tip_3,
    .cuarto:hover .tip_4 {
        height: auto !important;
        margin-top: 0 !important;
    }
}

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

    .facebook-container {
        top: 320px;
    }

    .whatsapp-container {
        top: 380px;
    }

}