/* Normal screen :992px. */
@media (min-width: 1200px) and (max-width: 1400px) {
    .rincones-slider {
        width: 690px; 
    }

}
@media (min-width: 992px) and (max-width: 1200px) {
    .menu-area nav ul li a {
        font-size: 15px; 
        margin-left: 20px;
    }
    .logo-area a img {
        filter: brightness(30.5);
        width: 180px;
    }
    .header-area a.theme-btn { 
        font-size: 16px;
        padding: 14px 30px;
        padding-bottom: 10px;
        margin-left: 8px;
        margin-bottom: 10px;
    }
    .header-area .col-lg-1 {
        top: 32px;
        left: -10px;
    }
    .nice-select { 
        width: 40px; 
        font-size: 17px; 
    }
    .hero-wrp h1 {
        font-size: 64px;  
    }
    .sing-step .stp-img img {
        min-width: 200px !important;
        display: block;
        width: 100%;
    }
    .sing-step .stp-img h1 { 
        top: -120px;
        right: -20px;
        font-size: 160px;  
    }
    .sing-step .stp-img p { 
        top: -120px;
        right: -20px;
        font-size: 160px;  
    }
    .sing-step .stp-img { 
        margin-right: 20px;
    } 
    .m-blk h3 {
        font-size: 46px; 
        margin-bottom: 25px;
    }
    .m-blk { 
        padding: 40px 70px 40px 70px; 
    }
    .mice-area {
        margin: 80px 0;
        padding-top: 20px;
        padding-bottom: 40px; 
    }
    .mice-wrp h2 {
        font-size: 45px;
        margin-bottom: 40px;
    }
    .mice-area:after { 
        width: 63%; 
    }
    .mice-wrp a {
        margin-top: 25px;
    }
    .m-blk span { 
        margin-bottom: 27px; 
        margin-top: -10px;
        font-weight: 400;
    }
    .footer-links ul li a { 
        font-size: 14px;
        margin-left: 20px;
    }
    .last-likns a.fst {
        margin-right: 20px;
        padding-right: 25px; 
        line-height: 15px;
    }
    .footer-area {
        padding-top: 60px;
        padding-bottom: 60px;
        background: #e0dcd6;
    }
    .e-wrp p b { 
        font-size: 28px;
    }
    .e-wrp p {  
        font-size: 16px;
    }
    .btns {
        margin-bottom: 50px;
        margin-top: 60px;
    }
    .top-tag a { 
        margin-right: 22px;
        padding-right: 15px;  
        font-size: 18px;
    }
    .rincones-slider {
        width: 550px; 
    }
    .rincones-area {
        margin: 160px 0;
        margin-bottom: 300px; 
        padding-top: 30px;
    }
    .rincones-area.mica {
        margin: 110px 0;
        margin-top: 50px;
    } 
    .partners-area {
        margin-top: 180px;  
    }
    .partners-area h3 {
        font-size: 50px;
    }













} 
/* Tablet screen :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .logo-area a img { 
        width: 150px;
    } 
    .hero-item {
        padding-top: 230px;
        padding-bottom: 100px; 
    }
    .steps-area .mr-55 {
        margin-top: 100px;
    }
    .sing-step .stp-img h1 { 
        top: -145px;
        right: -22px;
        font-size: 185px; 
    }
    .memorise-wrp .pr_0 {
        padding-right: 15px;
    }
    .memorise-wrp .pl_0 {
        padding-left: 15px;
    }
    .memorise-wrp:before { 
        position: relative;
        width: 100%;
        height: 375px; 
        background-size: cover;
        top: 0;
        right: 0; 
        display: block;
    }
    .memories-img { 
        margin-bottom: -1px;
    } 
    .m-blk{ 
        margin-top: 50px;
    } 
    .mice-area:before { 
        position: relative;
        width: 100%;
        height: 400px;  
        display: block;
        margin-bottom: 40px;
    }
    .mice-area {
        margin: 0px 0;
        padding-top: 80px;
        padding-bottom: 80px; 
    }
    .mice-wrp span {
        font-weight: 500; 
        margin-bottom: 15px;
    }
    .mice-wrp h2 {
        font-size: 48px;
        margin-bottom: 20px;
    } 
    .mice-wrp a {
        margin-top: 20px;
    }
    .contact-right {
        text-align: left;
        margin-top: 15px;
    }
    .contact-area {
        padding: 70px 0;
        padding-top: 0;
    }
    .contact-area form {
        margin-top: 30px;
    }
    .contact-area form input, textarea { 
        padding: 7px 2px;
        margin-bottom: 15px; 
    }
    textarea {
        height: 100px;
    }
    .agrre-texts {
        margin-top: -90px;
        padding-left: 40px;
        padding-right: 30px;
    }
    .footer-links ul li a { 
        font-size: 12px;
        margin-left: 6px;
    }
    .footer-social ul li a {
        display: block;
        font-size: 20px;
        margin-right: 15px;
    } 
    .footer-social ul li span svg {
        width: 19px;
        margin-top: -10px;
    }
    .last-likns a {
        font-size: 12px;
    }
    .last-likns a.fst {
        margin-right: 20px;
        padding-right: 25px;
        border-right: 2px solid #000;
        line-height: 15px;
    }
    .footer-links ul { 
        margin-top: 10px;
    }
    .footer-area {
        padding-top: 50px;
        padding-bottom: 50px; 
    }
    .c-wrp {
        padding: 30px 0px 0px 0px;
    }
    .blog-area .c-blk {
        margin-bottom: 40px;
    }
    .filter-bar {
        padding: 40px 0;
    } 
    .nice-select:after { 
        right: 5px; 
    } 
    .steps-area.stl .mr-55 {
        margin-top: 35px;
    } 
    .steps-area.stl .title.tl-two {
        margin-bottom: 50px;
    }
    .nav-tabs .nav-link { 
        margin: 30px 0px 30px 40px;
    }
    .steps-top { 
        margin: 70px 0;
        margin-bottom: 50px;
    }
    .top-wrp .info p {
        margin-bottom: 20px;
    }
    .top-wrp .info p:last-child{
        margin: 0px;
    }
    .steps-top p {
        font-size: 20px;  
    }
    .top-wrp .info {
        margin-top: 40px;
    }
    .our-location {
        margin-bottom: 50px;
    }
    .btns {
        margin-bottom: 20px;
        margin-top: 50px;
    }
    .e-top .btns a { 
        width: 160px;
        height: 55px; 
        font-size: 15px; 
        padding: 10px; 
        margin-right: 7px; 
        line-height: 20px; 
    }
    .e-wrp p b {  
        font-size: 24px;
    }
    .e-wrp p { 
        margin-bottom: 20px;
        font-size: 16px;
    }
    .top-tag a {
        color: #b4252d;
        font-weight: 500;
        margin-right: 10px;
        padding-right: 10px;
        border-right: 2px solid #b4252d;
        line-height: 16px;
        font-size: 15px;
    }
    .product-blk { 
        margin-bottom: 30px;
    }
    .dtl-wrp h3 img {
        width: 50px;
        margin-left: 20px;
    }
    .dtl-wrp h3 { 
        font-size: 25px;  
        margin-bottom: 15px;
    }
    .inner-wrp {
        margin-top: 40px;
    }
    .dtls {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .dtl-bottom {
        padding-bottom: 180px;
    }
    .dtl-bottom.dtls:before { 
        width: 200px;
        height: 160px;  
    }
    .rincones-area {
        margin: 60px 0;
        margin-bottom: 60px; 
        padding-top: 30px;
    }
    .rincones-slider {
        width: 100%;
        position: unset; 
        margin-bottom: 100px;
        position: relative;
    }
    .rincones-slider button.slick-prev {
        left: 10%;
    }
    .rincones-slider button.slick-next {
        right: 10%;
    }
    .steps-top.mica {
        margin-top: 50px;
    }
    .partners-area {
        margin-top: 140px;
        display: block;
        margin-bottom: 50px;
    }
    .partners-area h3 {
        font-size: 40px;
    }
    .reconocimientos {
        margin: 60px 0;
    }
    .rec-wrp {
        padding: 0 0px;
        padding-right: 70px;
    }




}

 
/* small screen :320px. */
@media (max-width: 767px) {
    .logo-area a img { 
        width: 110px;
    } 
    .hero-item {
        padding-top: 180px;
        padding-bottom: 60px;
    }
    .steps-area .mr-55 {
        margin-top: 100px;
    }
    .sing-step .stp-img h1 {
        top: -145px;
        right: 0px;
        font-size: 150px;
    }
    .memorise-wrp .pr_0 {
        padding-right: 15px;
    }
    .memorise-wrp .pl_0 {
        padding-left: 15px;
    }
    .memorise-wrp:before { 
        position: relative;
        width: 100%;
        height: 190px; 
        background-size: cover;
        top: 0;
        right: 0; 
        display: block;
    }
    .memories-img { 
        margin-bottom: -1px;
    } 
    .m-blk{ 
        margin-top: 20px;
        padding: 30px 20px 30px 30px;
    } 
    .mice-area:before { 
        position: relative;
        width: 100%;
        height: 400px;  
        display: block;
        margin-bottom: 40px;
    }
    .mice-area {
        margin: 0px 0;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .mice-wrp span {
        font-weight: 500; 
        margin-bottom: 15px;
    }
    .mice-wrp h2 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .mice-wrp a {
        margin-top: 20px;
    }
    .contact-right {
        text-align: left;
        margin-top: 15px;
    }
    .contact-area {
        padding: 95px 0;
        padding-top: 0;
    }
    .contact-area form {
        margin-top: 30px;
    }
    .contact-area form input, textarea { 
        padding: 7px 2px;
        margin-bottom: 15px; 
    }
    textarea {
        height: 75px;
    }
    .banner-area {
        margin-top: 20px;
    }
    .agrre-texts {
        margin-top: -40px;
        padding-left: 40px;
        padding-right: 30px;
        max-width: 300px;
    }
    .footer-links ul li a { 
        font-size: 12px;
        margin-left: 6px;
    }
    .footer-social ul li a {
        display: block;
        font-size: 20px;
        margin-right: 15px;
    } 
    .footer-social ul li span svg {
        width: 19px;
        margin-top: -10px;
    }
    .last-likns a {
        font-size: 12px;
    }
    .last-likns a.fst {
        margin-right: 20px;
        padding-right: 25px;
        border-right: 2px solid #000;
        line-height: 15px;
    }
    .footer-links ul { 
        margin-top: 10px;
    }
    .footer-area {
        padding-top: 50px;
        padding-bottom: 50px; 
    }
    .hero-wrp h1 {
        font-size: 32px; 
        margin-bottom: 30px;
    }
    .steps-top {
        display: block; 
        margin: 40px 0;
    }
    .steps-top img {
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 30px;
    }
    .title-heading {
        font-size: 38px; 
    } 
    .sing-step {
        display: block;
    }
    body{
        font-size: 17px;
    }
    .steps-top p {
        font-size: 16px; 
    }
    p {
        line-height: 20px;
    }
    .title {
        margin-bottom: 80px;
    }
    .sing-step .stp-img { 
        margin-right: 0;
    }
    .sing-step .stp-img img {
        min-width: 100%;
        display: block;
        width: 100%;
    }
    .sing-step .stp-img p { 
        top: -120px;
        right: -15px;
        font-size: 160px;  
    }
    .lh-exp{
        line-height: 36px;
    }
    .sing-step .stp-wrp h2 {
        font-size: 36px;
        margin-bottom: 15px;
    }
    .sing-step .stp-wrp {
        padding-top: 15px;
    }
    .theme-btn { 
        padding: 10px 20px;
        padding-bottom: 8px; 
        line-height: 16px;
        font-size: 16px; 
    } 
    .m-blk h3 {
        font-size: 32px;  
        margin-bottom: 25px;
    }
    .m-blk span { 
        margin-bottom: 20px; 
        margin-top: -5px; 
    }
    .m-blk a {
        margin-top: 10px;
    }
    .mice-area:before { 
        height: 230px; 
        margin-bottom: 35px;
    }
    .memorise-wrp.afcm:before { 
        height: 190px;
        background-position: left;
    }
    .contact-area .contact-left h2 {
        font-size: 32px; 
    }
    .contact-area .contact-left p {
        font-size: 32px; 
    }
    .memorise-area.nexts {
        margin-bottom: 60px;
    }
    button.theme-btn {
        width: 115px;
        height: 40px; 
        position: relative;
        top: 110px;
    }
    .agrre-texts .check_it {
        margin-bottom: 5px;
    }
    .footer-logo {
        text-align: center;
    }
    .footer-logo a img {
        width: 140px;
    }
    .footer-logo a { 
        margin-bottom: 25px;
    }
    .footer-social {
        display: block;
        text-align: center;
        margin: 25px 0;
    }
    .footer-social .f-con {
        width: 100%;
    }
    .footer-links ul {
        margin-top: 0px;
        text-align: center;
    }
    .last-likns {
        text-align: center;
    }
    .last-likns {
        text-align: center;
    }
    .memories-img img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    .banner-area img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    .mobile-menu nav ul li a { 
        font-size: 14px; 
    }
 
    .c-wrp {
        padding: 20px 0px 0px 0px;
    }
    .blog-area .c-blk {
        margin-bottom: 40px;
    }
    .filter-bar {
        padding: 20px 0;
    } 
    .nice-select:after { 
        right: 5px; 
    }
    .bredcramp-wrp h1 {
        font-size: 42px; 
    }
    .c-wrp h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .bar-wrp button img {
        width: 17px;
    }
    .bar-wrp button { 
        padding: 0; 
        line-height: 9px;
        padding-right: 20px;
        margin-right: 20px;
        margin-top: 10px;
    }
    .notice-wrp h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .notice-wrp img {
        margin-bottom: 30px;
    }

    .blog-notice {
        margin: 70px 0;
        margin-top: 120px;
    }
    .social {
        margin: 40px 0;
    }
    .posts a:last-child img {
        margin: 0;
    }
    .title-heading.main-h {
        font-size: 30px; 
    } 
    .title.th {
        margin-bottom: 35px;
    }
    .steps-area.stl .mr-55 {
        margin-top: 35px;
    } 
    .steps-area.stl .title.tl-two {
        margin-bottom: 50px;
    }
    .nav-tabs .nav-link {
        margin: 5px;
        margin-bottom: 0;
    }
    .nav-tabs { 
        justify-content: center;
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .item {
        margin-right: 5px;
        width: 320px;
        height: 250px;
    }

    .item.big-item {
        width: 320px;
        height: 300px;
    }
    .item img { 
        height: 300px; 
    }
    .gellery-area {
        margin-top: 90px;
        margin-bottom: 111px;
    } .steps-top { 
        margin: 50px 0;
        margin-bottom: 50px;
    }
    .top-wrp .info p {
        margin-bottom: 20px;
    }
    .top-wrp .info p:last-child{
        margin: 0px;
    }
    .steps-top p {
        font-size: 20px;  
    }
    .top-wrp .info {
        margin-top: 40px;
    }
    .our-location {
        margin-bottom: 50px;
    }
    .top-wrp .info p a span {
        font-size: 24px; 
        margin-top: 10px;
    }
    .top-wrp .info p b {
        display: block;
        font-size: 18px;
    }
    iframe {
        height: 300px;
    } 
    .bredcramp-wrp.e-commerce h1 { 
        font-size: 24px; 
        margin-bottom: -15px;
    }
    .ecommerce-area {
        padding: 50px 0;
    }
    .e-wrp p b { 
        font-size: 24px;
    }
    .e-contact {
        display: flex;
        align-items: end;
        margin-top: 40px;
    }
    .btns {
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .e-top .btns a { 
        width: 135px;
        height: 60px; 
        font-size: 18px; 
        padding: 11px; 
        margin-right: 7px; 
        line-height: 20px; 
        font-size: 13px;
    }
    .top-tag {
        display: flex;
        flex-wrap: wrap;
    }
    .top-tag a { 
        font-weight: 500;
        margin-right: 10px;
        padding-right: 8px; 
        line-height: 15px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    h2.blk-title {  
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .buttons a.button {
        min-width: 160px;
        height: 40px;
        max-width: 160px;  
        font-size: 18px;
        padding: 7px 5px; 
    }
    .product-bottom a {
        min-width: 160px;
        height: 40px;
        max-width: 160px;  
        font-size: 18px;
        padding: 7px 5px; 
    }
    .product-blk { 
        margin-bottom: 30px;
    }
    .product-bottom { 
        padding-top: 30px;
    }
    .dtls:after { 
        position: relative;
        width: 100%;
        height: 265px;  
        display: block;
        margin-top: 40px;
    }
    .dtl-wrp h3 { 
        font-size: 24px; 
        margin-bottom: 20px;
    }
    .dtl-wrp h3 img {
        margin-left: 15px;
        width: 42px;
    }
    .dtl-wrp h3 span{
        margin-top:0px;
    }
    .dtls {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .inner-wrp {
        margin-top: 20px;
    }

    .inner-wrp a {
        width: 100%;
        height: 30px;  
        font-size: 16px;
        padding: 4px 30px; 
        transition: .3s;
    }
    .dtl-bottom.dtls:after {
        width: 100%;
        height: 300px; 
    }
    .dtl-bottom.dtls:before{
        display: none;
    }
    .conditions-area {
        padding: 50px 0;
    } 
    .info-area.main-info .top-wrp h2 {  
        font-size: 28px;
        margin-bottom: 15px;
    }
    .info-area.main-info .top-wrp h1 {  
        font-size: 28px;
        margin-bottom: 15px;
    }
    .info-area.main-info .top-wrp p b {
        margin-top: 40px;
        margin-bottom: 20px; 
    }
    .img-blk a.gellerry_image { 
        font-size: 34px; 
    }
    .otros-area .c-blk.nrf {
        margin-bottom: 20px;
    } 
    .main-gelllery { 
        margin-bottom: 40px;
    } 
    .our-location .posts {
        margin: 10px 0;
    }
    .otros-area {
        margin-top: 60px;
        margin-bottom: 50px;
    } 
    .offera-area .c-blk {
        margin-bottom: 40px;
    } 
    .rincones-area {
        margin: 0px 0;
        margin-bottom: 60px;
        padding-top: 10px;
    }
    .rincones-slider {
        width: 100%;
        position: unset; 
        margin-bottom: 100px;
        position: relative;
    }
    .rincones-slider button.slick-prev {
        left: 10%;
    }
    .rincones-slider button.slick-next {
        right: 10%;
    }
    .rincones-wrp h2 {
        font-size: 34px;
        margin-bottom: 25px;
    }
    .steps-top.mica {
        margin-top: 40px;
    }
    .partners-area {
        margin-top: 110px;
        display: block;
        margin-bottom: 30px;
    }
    .partners-area h3 {
        font-size: 40px;
    }
    .servicios-area .c-blk {
        margin-bottom: 30px;
    }
    .partners-area h3 {
        font-size: 32px;
    }
    .parners { 
        margin-top: 20px;
        padding: 2px 0;
    }
    .right-img {
        margin: 50px 0;
        margin-top: 10px;
    }
    .c-blk.nrf {
        margin-bottom: 30px;
    }
    .rec-wrp {
        padding: 0 0px;
        padding-right: 0px;
    }
    .reconocimientos {
        margin: 65px 0;
        margin-top: 50px;
    }
    .rec-wrp h2 {
        font-size: 38px;
        margin-bottom: 20px;
    }
    .rec-img img {
        display: block;
        margin: auto;
        margin-top: 10px;
    }
    
    #overbox3 {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width: 100%;
        z-index: 999999;
        display: block;
    }

    #overbox3.active {
        bottom: -213px;
    }

    #infobox3 {    
        height: 210px;   
    }
    #infobox3 p {
        line-height: 24px;
        text-align: left;
        padding: 17px 20px 10px 30px;
        font-size: 16px;
        margin-left: 0;
        width: 100%;
    }
    #infobox3 p a {
        margin-left: 27px;
        
    }







}