@media only screen and (max-width: 375px) and (min-width: 346px) {
}

@media only screen and (max-width: 544px) and (min-width: 375px) {
}

@media only screen and (max-width: 555px) and (min-width: 376px) {
}

@media only screen and (max-width: 768px) and (min-width: 544px) {
    .contact-card-area {
        margin-top: 0px !important;
    }
    .mid-content.only-slide {
        position: relative;
        top: 0;
        transform: unset;
    }
}

@media only screen and (max-width: 1222px) and (min-width: 999px) {
}

@media only screen and (max-width: 1358px) and (min-width: 1202px) {
}

@media only screen and (max-width: 1200px) and (min-width: 993px) {
}

@media only screen and (max-width: 991px) and (min-width: 300px) {
    .pop-up-form {
        width: 90%;
    }
    .testimonial-card {
        width: 90%;
    }
    .full-brand>img {
        text-align: center;
        width: 100%;
    }
    .col-md-4.product-wraper {
        width: 100% !important;
    }
    .testimonial-card {
		min-height: 380px;
	}
    .banner-title>h2 {
        font-family: 'Quicksand';
        color: #fedea3;
        font-size: 33px;
        margin-top: 0px;
    }
    
    .inner-sect {
        min-height: 735px;
        width: 100%;
    }
    .one_off_content>.mid-content {

        position: absolute;
        top: 218px;
        transform: unset;
        right: 0;
    }
    .mid-content.only-slide {
        position: relative;
        top: 100px;
        transform: translateY(0%);
    }
    .owl-dots {
        bottom: 20px;
        /* right: 0; */
    }
    .contact-card-area {
        margin: 30px 0px;
    }
    .mid-content {
        position: static;
        top: unset;
        transform: unset;
    }
    .contact-card-area {
        margin: 50px 0px;
    }
    .contact-box>h3 {
        font-size: 22px;

    }
    .input-form-area>input {
        padding: 0px 15px;
        margin-bottom: 15px;
        width: 100%;
        height: 36px;
        font-family: 'Quicksand';
    }
    select#code {
        font-size: 16px;
        height: 36px;
    }
    .col-md-4.product-wraper {
        width: 100% !important;
        padding: 0px 20px;
    }
    .full-headin-area>h2 {
        font-size: 30px;
        font-weight: 700;
    }
    a.custom-link.btn.btn-lg {
        border-radius: 100px;
        font-size: 14px;
        padding: 10px 50px;
    }
    .desktom-img{
        display: none;
    }
    .mobile-img{
        display: block;
    }
    .simpel-area {
        margin-top: 35px;
    }
    .mb-bt-50 {
        margin-bottom: 0;
    }
    .budget-friendly {
        margin-top: 35px;
        text-align: center;
    }
    .product-btn-area {
        padding-top: 15px;
    }
    .full-headin-area>p {
        font-size: 16px;
    }
    .row.products {
        margin-top: 25px;
    }
    .full--3step-image>img {
        width: 100%;
    }
    .main-feature-card {
        margin: 20px 10px;
        padding: 30px 35px;
    }
 
    .expert_room-area-cont {
        height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }
    .space-room {
        height: auto;
    }
    .testimonial {
        margin-top: 50px;
    }
    .row.testimonial_data {
        margin-top: 25px;
    }
	.user_data>h3 {
        font-size: 14px;
        text-shadow: none;
        line-height: unset;
        margin-bottom: 5px;
    }
    .mb-15 {
        padding-bottom: 6px;
    }
    .inner-sect {
        height: 600px;
        width: 100%;
    }
}

@media only screen and (max-width: 400px) and (min-width: 300px) {
    .full-headin-area>h2 {
        font-size: 26px;
        margin-bottom: 15px;
    }
    .expert_room-area-cont {
        height: 200px;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
    }
    .inner-sect {
        height: 570px;
        width: 100%;
    }
}

@media only screen and (max-width: 826px) and (min-width: 572px) {
    .mid-content.only-slide {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .one_off_content>.mid-content {
        position: absolute;
        top: 120px;
    }
    .mid-content.only-slide {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media only screen and (max-width: 370px) and (min-width: 320px) {
}

@media only screen and (max-width: 900px) and (min-width: 370px) {
}

@media only screen and (max-width: 551px) and (min-width: 370px) {
}

@media only screen and (max-width: 999px) and (min-width: 826px) {
    .mid-content.only-slide {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .one_off_content>.mid-content {
        position: absolute;
        top: 120px;
    }
    .mid-content.only-slide {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media only screen and (max-width: 11200px) and (min-width: 1600px) {
}

@media only screen and (max-width: 999px) and (min-width: 400px) {
}

@media only screen and (max-width: 999px) and (min-width: 551px) {
}

@media only screen and (max-width: 1422px) and (min-width: 1300px) {
}

@media only screen and (max-width: 1524px) and (min-width: 1422px) {
}

@media only screen and (max-width: 1657) and (min-width: 1524px) {
}

@media only screen and (max-width: 11200px) and (min-width: 1400px) {
}

@media only screen and (max-width: 1000px) and (min-width: 700px) {
}

@media only screen and (max-width: 999px) and (min-width: 300px) {
  
}

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

@media only screen and (max-width: 4999px) and (min-width: 999px) {
    
}

@media only screen and (max-height: 4999px) and (min-height: 990px) {
    
}


@media only screen and (max-width: 999px){
.card-content {
    padding: 20px 2px;
}

h4, .h4 {
    font-size: 13px !important;
    margin: auto;
}



.call-popup{
		/*width: 390px;*/ left: 0; top: 15px; 
	}



}