@media only screen and (min-width: 1200px) {
    .service-item-img img{
        max-height: 350px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main_header_area > .container-fluid{
        padding-left: 14px;
        padding-right: 14px;
    }
    .mainmenu ul#nav li a {
        padding: 30px 13px;
        font-size: 16px;
    }
    .menu-col{
        padding-right: 0px;
    }
    .logo-col{
        padding-right: 0px;
    }
    .dropdown-link::before{
        right: -4px;
        top: 49%;
    }
    .what_we_do_area .container-fluid{
        max-width: 970px;
    }

}
@media only screen and (min-width: 991px) {
    .phone-number-logo{
        display: none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mainmenu ul#nav li a {
        letter-spacing: 1px;
        padding: 40px 4px;
    }
    .menu-col {
        padding-left: 14px;
        padding-right: 14px;
    }
    .single_slide .slide_text h3 {
        font-size: 18px
    }
    .single_slide .slide_text h2 {
        font-size: 42px
    }
    .modal-dialog {
        margin: 120px auto 0;
        width: 600px !important
    }
    .about_us_thumb {
        margin-bottom: 30px
    }
    .why_choose_us_image {
        text-align: center;
    }
    .dropdown-right-menu-list{
        width: 140%;
    }
    .mainmenu ul#nav .dropdown-list{
        left: -100%;
    }
    header{
        position: static;
    }
    .main_header_area{
        height: auto;
        position: static;
    }
    .main_header_area .logo_area{
        text-align: center;
        display: flex;
        justify-content: center;
        padding: 15px 0px;
    }
    .logo_area .phone-number-logo{
        display: inline-flex;
        vertical-align: text-bottom;
        align-items: center;
    }
    .icofont-phone-circle{
        margin-left: 10px;
    }
    .main_menu_area{
        float: none;
    }
    .mainmenu{
        width: 100%;
    }
    .logo-image{
        margin-right: 25px;
    }
    .logo-image img{
        max-height: 60px;
    }
    #nav{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        width: 100%
    }
    .classic_version .mainmenu ul#nav li a{
        color: #354b60;
        padding-bottom: 20px !important;
        padding: 10px 19px;
        height: auto;
    }
    .dropdown-link::before{
        right: -2px;
        top: 31%;
    }
    .mainmenu ul#nav .phone-number-container{
        display: none;
    }
    .dropdown-list .dropdown-right-menu-item::before{
        right: 6px;
        top: 28%
    }
    .service-item-content h3{
        font-size: 20px;
    }
    .service-item-content{
        padding-left: 18px;
    }
    .service-item-img img{
        height: 270px;
    }
    .service-item-content h3{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .service-list li a{
        font-size:16px;
    }
    .service-btn{
        margin-top: 10px;
    }
    .process-digit span{
        font-size: 70px;
    }
    .main-row p{
        font-size: 18px;
    }
    .service-item-content p{
        font-size: 16px;
        padding: 4px 0px;
    }
    .defects-section .defect-item-subscription{
        width: 25%;
    }
    .defects-section .defect-item h3{
        width: 75%;
        font-size: 20px;
    }
    .defects-section .defect-item p{
        width: 75%;
    }
    .defects-section h2{
        max-width: 100%;
    }
    .section_heading > h3{
        max-width: 100%;
    }
    .errors-section h2{
        max-width: 100%;
    }
    .defects-section .defect-item-price{
        top: -50px;
        right: -50px;
    }
    .errors-table-row .td p,
    .errors-table-row ul,
    .errors-table-row ol{
        margin: 15px;
        font-size: 16px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .about_us_text{
        text-align: center !important;
    }
    .logo-image img{
        max-width: 150px;
    }
    .main_header_area .logo_area{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .single_slide .slide_text h3 {
        font-size: 16px;
        padding: 0 15px;
        line-height: 24px
    }
    .single_slide .slide_text h2 {
        font-size: 42px;
        padding: 0 15px;
        line-height: 36px
    }
    .single_slide .slide_text a {
        font-size: 18px;
        padding: 10px;
        width: 200px
    }
    #consult,
    .faq_question_area,
    .price_plan_area,
    .defects-section{
        padding: 50px 0px;
    }
    .section_padding_100,
    .section_padding_100_70{
        padding-bottom: 20px;
        padding-top:20px;
    }
    .table-right-value p,
    .table-left-value p{
        margin: 20px 15px;
    }
    .modal-dialog {
        margin: 75px auto;
        width: 300px !important
    }
    .footer_bottom {
        padding: 30px 0
    }
    .message_now_area .contact_from form {
        margin-bottom: 0px
    }
    .testimonial_author_name {
        padding-left: 0
    }
    #scrollUp {
        display: none !important
    }
    .main_header_area {
        height: auto;
    }
    .menu-col{
        display: none !important;
    }

    .welcome_area .welcome_slides .owl-nav .owl-prev,
    .welcome_area .welcome_slides .owl-nav .owl-next {
        height: 30px;
        width: 30px
    }
    .welcome_area .welcome_slides .owl-nav .owl-prev > i,
    .welcome_area .welcome_slides .owl-nav .owl-next > i {
        font-size: 24px;
        line-height: 30px
    }
    .about_us_thumb {
        margin-bottom: 30px
    }
    .timeline_text_content > p {
        font-size: 15px
    }
    .single_timeline_block .timeline_text_content {
        width: 100%;
    }
    .timeline_text_content {
        text-align:center !important;
    }
    .single_timeline_block.even-item .timeline_text_content:before {
        display:none;
    }
    .single_timeline_block.odd-item .timeline_text_content:before {
        right: calc(100% + 39px);
        display: none;
    }
    .timeline_text_content {
        padding: 10px
    }
    .icofont-arrow-down{
        display:inline;
    }
    .icofont-arrow-left,
    .icofont-arrow-right{
        display: none;
    }
    .timeline_icon{
        position: relative !important;
        margin-top:10px;
        margin-bottom:10px;
    }
    .logo_area {
        padding: 15px 0
    }
    .logo-col{
        justify-content: left;
        padding: 0px;
    }
    .why_choose_us_image {
        text-align: center;
    }
    .dropdown-right-menu-list{
        position: static;
        background: none;
    }
    .dropdown-link::before{
        display: none;
    }
    .dropdown-list .dropdown-right-menu-item::before{
        display: none;
    }
    .service-item{
        max-width: 500px;
    }
    .service-item-content h3{
        font-size: 20px;
        margin: 25px auto;
    }
    .what_we_do_area .container-fluid{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .service-item{
        max-width: 470px;
    }
    .service-item-img{
        padding-bottom: 330px;
    }
    .service-item-content{
        text-align: center;
        padding-left: 15px;
    }
    .service-item-content p{
        margin: auto;
    }
    .service-list li a{
        font-weight: 500;
    }
    .service-btn{
        margin: 20px auto 30px auto;
    }
    .process-digit span{
        font-size: 70px;
    }
    .main-row p{
        font-size: 18px;
    }
    .defects-section .defect-item-subscription,
    .defects-section .defect-item h3,
    .defects-section .defect-item p{
        width: 100%;
        text-align: center;
    }
    .defects-section .defect-item p{
        padding: 0px;
    }
    .defects-section h2{
        max-width: 100%;
    }
    .section_heading > h3{
        max-width: 100%;
    }
    .errors-section h2{
        max-width: 100%;
    }
    .defects-section .defect-item-price{
        display: none;
    }
    .errors-table-row .td p,
    .errors-table-row ul,
    .errors-table-row ol{
        margin: 15px;
        font-size: 16px;
    }
    .service-item-content p {
        padding: 5px 0px;
        font-size: 17px;
    }
    .table-right-value{
        text-align: right;
    }
    .mean-container a.meanmenu-reveal{
        padding: 21px 20px 20px;
    }
}
@media only screen and (max-width: 575px) {
    .service-list li a{
        font-size: 15px;
    }
    .choose_us_icon{
        left: calc(50% - 35px);
        height: 60px;
        width: 60px;
    }
    .single_choose_us{
        padding-left: 0px;
        padding-top: 75px;
        text-align: center;
    }
    .choose_us_icon > i{
        font-size: 60px;
        line-height: 60px;
    }
    .process-digit span{
        font-size: 70px;
    }
    .process-item{
        text-align: center;
    }
    .process-item .icofont{
        margin-top: 20px;
    }
    .main-row p{
        font-size: 15px;
    }
    .price-table p{
        font-size: 17px;
    }
    .table-right-value p, .table-left-value p{
        margin: 15px 10px;
    }
    .errors-table-row .td:first-child{
        width: 14%;
    }
    .errors-table-row .td:last-child{
        width: 36%;
    }
    .errors-table-row .td p,
    .errors-table-row ul,
    .errors-table-row ol{
        margin: 10px;
        font-size: 12px;
        font-weight: 600;
    }
}
@media only screen and (max-width: 450px) {
    .logo-image img {
        max-width: 100px;
    }
    .phone-number-logo{
        padding-left: 10px;
    }
    .mean-container a.meanmenu-reveal{
        padding: 15px 10px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .modal-dialog {
        width: 450px !important
    }
}
@media only screen and (max-width: 400px) {

    .errors-section{
        overflow: scroll;
    }
    .errors-section-container{
        width: 450px;
    }
    .errors-section h2 {
        max-width: 300px;
        text-align: left;
        margin: 0px 0px 50px 0px;
    }
    .logo-image{
        width: 100%;
    }
    .main_header_area .logo_area{
        padding:10px 0px;
    }
    .phone-number-logo{
        padding-left: 0px;
    }
    .mean-container a.meanmenu-reveal{
        padding: 24px 15px;
    }
}