@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {

    .sameday_item {
        padding-left: 30px;
    }
    .sameday_area {
        overflow: hidden;
    }
    .nav_btns{
        display: none;
    }
    .area_title h3, .washer_repair_content h3{
        font-size: 36px;
        line-height: 46px;
    }

}
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {

    .site_header .nav-link {
        margin-top: 20px;
    }
    .navbar-collapse {
        background: #F4FBFF;
        padding-bottom: 20px;
    }
    .hero_area .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .hero_area .desktop_none{
        display: block !important;
    }
    .hero_area .mob_none{
        display: none;
    }
    .hero_content {
        margin: 0 auto;
        text-align: center;
        padding: 30px 0px 40px;
    }
    .hero_washer_img {
        max-width: 300px;
        margin: 0 auto;
    }
    .sameday_area .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .sameday_item_bg {
        width: 100%;
        height: auto;
        background: none;
    }
    .sameday_item_bg img{
        width: 100%;
        display: inline-block;
    }
    .sameday_area {
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .sameday_item {
        padding: 30px 30px 0px;
        margin: 0 auto;
        text-align: center;
    }
    .sameday_item .hero_btns {
        max-width: 100%
    }
    .feature_area{
        background: #F4FBFF;
        padding: 50px 0px 0px;
    }
    .feature_area .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .feature_content {
        text-align: center;
        margin: 0 auto;
    }
    .feature_item_area {
        padding-left: 0px;
        padding-top: 20px;
    }
    .washer_area {
        padding-top: 50px;
        margin-top: 0px
    }
    .aboutUs_area .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
    }
    .aboutUs_item_bg {
        width: 100%;
        height: 350px;
        border-radius: 0px;
        background: url(../images/img-6.png) top -100px center no-repeat #526678;
        background-size: cover;
    }
    .aboutUs_area {
        padding: 0px 0px 50px;
    }
    .aboutUs_item {
        max-width: 720px;
        margin: 0 auto;
        padding: 40px 15px 0px;
    }
    .aboutUs_item p {
        max-width: 100%;
    }
    .overview_area_own .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
        padding-top: 30px;
    }
    .overview_area_own {
        padding: 20px 0px 50px;
    }
    .testimonial_area {
        padding: 60px 0px 0px;
    }
    .Surrounding_item h4, .repair_content h3, .area_title h3, .aboutUs_item h4 {
        font-size: 32px;
        line-height: 45px;
    }
    .footer_item_1 h4, .footer_item_2 h4{
        font-size: 18px;
        line-height: 25px;
    }
    .Surrounding_item h4{
        text-align: center;
    }
    .Surrounding_area {
        padding: 50px 0px 60px;
    }
    .washer_repair_area{
        padding-bottom: 50px;
    }
    .solution_area, .error_code_area, .repair_problem_area {
        padding: 60px 0px;
    }

}

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

    .hero_area {
        padding-top: 150px;
    }
    .hero_content h1 {
        font-size: 48px;
    }
    .hero_content h1 {
        font-size: 48px;
    }
    .hero_content h3 {
        font-size: 36px;
        line-height: 120%;
    }
    .hero_content {
        padding-bottom: 20px;
    }
    .overview_area .col-md-3{
        padding-top: 40px;
    }
    .sameday_item_bg {
        width: 100%;
        height: auto;
        background: none;
    }
    .sameday_item_bg img {
        display: inline-block;
    }
    .sameday_item {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 40px;
    }
    .sameday_item h3 {
        font-size: 48px;
        line-height: 120%;
    }
    .sameday_item h4 {
        font-size: 36px;
        line-height: 120%;
    }
    .feature_area {
        background: #F4FBFF;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .feature_area::before {
        display: none;
    }
    .feature_content h3 {
        font-size: 36px;
        line-height: 120%;
    }
    .feature_item_area {
        padding-left: 0px;
        padding-top: 40px;
        padding-bottom: 0px
    }
    .washer_area {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: 0px;
    }
    .washer_img {
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .washer_content h3 {
        font-size: 36px;
        line-height: 120%;
    }
    .washer_content {
        padding-bottom: 30px;
    }
    .saving_area {
        padding: 50px 0px;
    }
    .saving_box {
        background: none;
        padding: 0px;
    }
    .saving_item {
        width: 100%;
        height: auto;
        border-radius: 0px;
        padding: 30px;
    }
    .desktop_none{
        display: block !important;
    }
    .mob_none{
        display: none !important;
    }
    .repair_content h3 {
        font-size: 36px;
        line-height: 120%;
    }
    .repair_content{
        padding-bottom: 40px;
    }
    .problem_area {
        padding: 50px 0px;
    }
    .problem_titles h2 {
        font-size: 48px;
        line-height: 120%;
        letter-spacing: 0px;
    }
    .problem_titles {
        padding-top: 0px;
    }
    .problem_item_area .col-md-6{
        padding-top: 40px;
    }
    .problem_titles h4 {
        font-size: 24px;
        line-height: 34px;
        padding-top: 10px;
    }
    .footer_item_1 {
        max-width: 100%;
        padding-top: 40px;
    }
    .footer_item_1 .col-12 {
        width: 50%;
    }
    .site_footer .col-md-4{
        padding-top: 40px;
    }
    .site_footer {
        padding: 20px 0px 50px;
        text-align: center;
    }
    .footer_nav ul {
        display: block;
        padding-right: 0;
    }
    .hero_btns .col-6 {
        padding-top: 15px;
    }
    .overview_area .col-md-3 {
        flex: 0 0 auto;
        width: 50%;
    }
    .repair_img {
        max-width: 200px;
        margin: 0 auto;
    }
    .washer_img {
        max-width: 250px;
        margin: 0 auto 20px;
    }
    .problem_item_area{
        padding-top: 40px;
    }
    .problem_item h4 {
        font-size: 18px;
        line-height: 30px;
    }
    .aboutUs_item_bg {
        background: url(../images/img-6.png) top center no-repeat #526678;
        background-size: cover;
    }
    .Surrounding_item {
        padding-left: 0px;
        padding: 0px 15px;
    }
    .service_area .feature_item_area .col-3 {
        flex: 0 0 auto;
        width: 50%;
    }
    .service_area {
        padding: 60px 0px 60px;
    }
    .washer_repair_img {
        max-width: 300px;
        margin-bottom: 0px;
        margin-right: 0px;
    }
    .solution_area .area_title {
        padding-bottom: 20px;
    }
    .Surrounding_item h4 br, .repair_content h3 br, .area_title h3 br, .aboutUs_item h4 br {
        display: none;
    }


}

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
    .hero_washer_img {
        max-width: 90%;
    }
    .hero_content {
        padding: 60px 0 60px;
        max-width: 100%;
    }
    .hero_content h1 {
        font-size: 82px;
    }
    .hero_content h3 {
        font-size: 55px;
    }
    .hero_btns {
        margin-top: 20px;
    }
    .sameday_area {
        padding-top: 95px;
        padding-bottom: 100px;
    }
    .sameday_item {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 50px;
    }
    .sameday_item p {
        font-weight: 300;
        font-size: 14px;
        line-height: 28px;
        color: #64768B;
        padding-top: 25px;
    }
    .hero_btns {
        padding-top: 15px;
    }
    .hero_btns .col-6 {
        padding-top: 20px;
    }

    .feature_area {
        background: #F4FBFF;
        padding-top: 95px;
        padding-bottom: 100px;
    }

    .feature_content {
        max-width: 100%;
        padding: 0px;
    }
    .feature_content p {
        padding-top: 25px;
    }
    .feature_content a {
        margin-top: 35px;
        width: 50%;
    }
    .feature_item_area {
        max-width: 500px;
        margin: 0 auto;
        padding: 0;
        padding-top: 40px;
    }

    .washer_content {
        padding: 0;
    }
    .washer_area {
        padding-top: 95px;
        padding-bottom: 100px;
        margin-top: 0px;
    }
    .washer_img {
        display: none;
    }
    .washer_content h3 {
        font-size: 33px;
        text-align: center; 
    }
    .washer_content p {
        padding-top: 30px;
        text-align: center;
    }
    .washer_content a {
        margin-top: 37px;
        width: 100%;
    }
    .saving_area {
        padding: 80px 0;
    }
    .saving_item {
        width: 100%;
        height: auto;
        border-radius: 20px;
        padding: 30px;
    }
    .repair_area {
        padding: 0;
    }
    .repair_content {
        padding: 70px 0 30px;
        margin: 0 auto;
    }
    .repair_content h3 {
        font-size: 36px;
        line-height: 130%;
        padding: 0;
        padding-bottom: 15px;  
    }
    .repair_img {
        padding: 0;
        max-width: 90%;
    }
    .problem_area {
        padding: 80px 0;
    }
    .problem_item_area {
        padding: 40px 0 0;
    }
    .problem_item_area .next {
        top: 130px;
        right: -3px;
    }

}


@media only screen and (max-width: 414px), only screen and (max-device-width: 414px) {
    .sameday_area {
        padding-top: 75px;
        padding-bottom: 80px;
    }
    .sameday_item {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 50px;
    }
    .sameday_item p {
        font-weight: 300;
        font-size: 14px;
        line-height: 28px;
        color: #64768B;
        padding-top: 25px;
    }
    .hero_btns {
        padding-top: 15px;
    }
    .hero_btns .col-6 {
        padding-top: 20px;
    }

    .feature_area {
        background: #F4FBFF;
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .feature_content {
        max-width: 550px;
        padding: 0px;
    }
    .feature_content p {
        padding-top: 25px;
    }
    .feature_content a {
        margin-top: 35px;
        width: 100%;
    }
    .feature_item_area {
        max-width: 500px;
        padding: 5px;
        padding-top: 35px;
    }
    .washer_img {
        display: none;
    }
    .washer_content {
        padding: 0;
    }
    .washer_area {
        padding-top: 70px;
        padding-bottom: 80px;
        margin-top: 0px;
    }
    .washer_content h3 {
        font-size: 33px;
        text-align: center; 
    }
    .washer_content p {
        padding-top: 30px;
        text-align: center;
    }
    .washer_content a {
        margin-top: 37px;
        width: 100%;
    }
    .saving_area {
        padding: 80px 0;
    }
    .saving_item {
        width: 100%;
        height: auto;
        border-radius: 20px;
        padding: 30px;
    }
    .repair_area {
        padding: 0;
    }
    .repair_content {
        padding: 70px 0 30px;
    }
    .repair_content h3 {
        font-size: 36px;
        line-height: 130%;
        padding: 0;
        padding-bottom: 15px;  
    }
    .repair_img {
        padding: 0;
        max-width: 90%;
    }
    .problem_area {
        padding: 80px 0;
    }
    .problem_item_area {
        padding: 40px 0 0;
    }
    .problem_item_area .next {
        top: 130px;
        right: -3px;
    }

}


@media only screen and (max-width: 375px), only screen and (max-device-width: 375px) {
    .sameday_area {
        padding-top: 75px;
        padding-bottom: 80px;
    }
    .sameday_item {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 50px;
    }
    .sameday_item p {
        font-weight: 300;
        font-size: 14px;
        line-height: 28px;
        color: #64768B;
        padding-top: 25px;
    }
    .hero_btns {
        padding-top: 15px;
    }
    .hero_btns .col-6 {
        padding-top: 20px;
    }

    .feature_area {
        background: #F4FBFF;
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .feature_content {
        max-width: 550px;
        padding: 0px;
    }
    .feature_content p {
        padding-top: 25px;
    }
    .feature_content a {
        margin-top: 35px;
        width: 100%;
    }
    .feature_item_area {
        max-width: 500px;
        padding: 5px;
        padding-top: 35px;
    }
    .washer_img {
        display: none;
    }
    .washer_content {
        padding: 0;
    }
    .washer_area {
        padding-top: 70px;
        padding-bottom: 80px;
        margin-top: 0px;
    }
    .washer_content h3 {
        font-size: 33px;
        text-align: center; 
    }
    .washer_content p {
        padding-top: 30px;
        text-align: center;
    }
    .washer_content a {
        margin-top: 37px;
        width: 100%;
    }
    .saving_area {
        padding: 80px 0;
    }
    .saving_item {
        width: 100%;
        height: auto;
        border-radius: 20px;
        padding: 30px;
    }
    .repair_area {
        padding: 0;
    }
    .repair_content {
        padding: 70px 0 30px;
    }
    .repair_content h3 {
        font-size: 36px;
        line-height: 130%;
        padding: 0;
        padding-bottom: 15px;  
    }
    .repair_img {
        padding: 0;
        max-width: 90%;
    }
    .problem_area {
        padding: 80px 0;
    }
    .problem_item_area {
        padding: 40px 0 0;
    }
    .problem_item_area .next {
        top: 130px;
        right: -3px;
    }

}