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

    .date-picker.open {
        max-width: 100% !important;
        height: 350px !important;
    }

    .date-picker {
        width: 100% !important;
        border: 1px solid #ced4da !important;
        height: 50px !important;
        max-height: max-content;
        background: white !important;
        position: inherit !important;
        overflow: hidden !important;
        transition: all 0.3s 0s ease-in-out !important;
    }

    #time
    {
        max-width: 94%;
        /* margin-right: -1%; */
        margin-left: 5%;
    }
    #time_logo
    {
        max-width: 20%;
    }
    #time_drop
    {
        max-width: 74%;
        margin-left: 1%;
    }
    #mobile-form-date-and-timing
    {
        margin-bottom: 0px;
    }

    #mobile_subsctibe_font
{
    font-size: 11px;
}
    #quote_page_heading
      {
          display: block !important;
      }
    #quote_page_heading1
    {
        display: block !important;
        padding: 0px !important;
    }

    #quote_page_heading2
    {
        display: flex !important;
        width: 100%;
    }

    .mobile_text_fields_quote
    {
        width: 50% !important;
    }

    .titles_hide_quote
    {
        display: none !important;
    }
    #price_range
    {
        padding: 0px !important;
    }

    .titles_show_quote
    {
        display: block !important;
        font-weight: bold;
    }
    .thikness1
    {
        width: 30% !important; margin-left: 5%;
    }
    .testimonials-item
    {
        width: 100% !important;
    }
    .testimonial_btn
    {
        margin-bottom: 20% !important;
    }
    .form_top_hder
    {
        height: 37px !important;
    }

    .buttoncalculate
    {
        width: 26px !important;
        margin: 0px !important;
    }
    .inc
    {
        margin-top: 11% !important;
    }

    input:checked ~ .input-img11:before {
        font-family: 'FontAwesome' !important;
        position: absolute !important;
        top: auto !important;
        left: 0% !important;
        width: 44px !important;
        height: 44px !important;
        content: "\f00c" !important;
        display: block !important;
        background: black !important;
        margin: 30px 0 0 23% !important;
        border-radius: 44px !important;
        font-size: 26px !important;
        line-height: 44px !important;
        color: #fff !important;
        text-align: center !important;
        z-index: 5 !important;
    }
    .gallery_mai
    {
        display: block !important;
    }

}


@media only screen and (max-width: 680px)
{
    .ssn-container {
        width: 100% !important;
    }
    .mmm {
        display: block !important;
    }

    #mobile_subsctibe_font
    {
        font-size: 11px;
    }
    #quote_page_heading
    {
        display: block !important;
    }
    #quote_page_heading1
    {
        display: block !important;
        padding: 0px !important;
    }

    #quote_page_heading2
    {
        display: flex !important;
        width: 100%;
    }

    .mobile_text_fields_quote
    {
        width: 50% !important;
    }

    .titles_hide_quote
    {
        display: none !important;
    }
    #price_range
    {
        padding: 0px !important;
    }

    .titles_show_quote
    {
        display: block !important;
        font-weight: bold;
    }
    .thikness1
    {
        width: 30% !important; margin-left: 5%;
    }
    .testimonials-item
    {
        width: 100% !important;
    }
    .testimonial_btn
    {
        margin-bottom: 20% !important;
    }
    .form_top_hder
    {
        height: 37px !important;
    }

}

@media (min-width: 481px) and (max-width: 960px) {
    .date-picker.open
    {
        max-width: 100% !important;
        height: 350px !important;
    }

    .date-picker
    {
        width: 100% !important;
        border: 1px solid #ced4da !important;
        height: 50px !important;
        max-height: max-content;
        background: white !important;
        position: inherit !important;
        overflow: hidden !important;
        transition: all 0.3s 0s ease-in-out !important;
    }

    #time
    {
        max-width: 100%;
        /* margin-right: -1%; */
        margin-left: 3%;
    }
    #time_logo
    {
        max-width: 9%;
    }
    #time_drop
    {
        max-width: 87%;
        margin-left: 0%;
    }

    #img01
    {
        max-width: 400px;
        max-height: 200px;
    }
}

.tiles-below-slider {
    border: 1px solid black !important;
    text-align: center !important;
    padding-top: 15px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 19px !important;
}

#ssn {

    font-size: 18px !important;
    font-weight: 400 !important;
    color: #000000 !important;
}

.href_like_btn
{
    margin-left: 39%; display: block; width: 86px; height: 36px; background: black; /* padding: 10px; */ text-align: center; border-radius: 5px; color: white; font-weight: bold;
}


.fa{
    max-height: 32px;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
    background: #3B5998;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-houzz
{
    background: #3B5998;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-google {
    background: #dd4b39;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-linkedin {
    background: #007bb5;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-youtube {
    background: #bb0000;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-instagram {
    background: #125688;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-pinterest {
    background: #cb2027;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-snapchat-ghost {
    background: #fffc00;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
    background: #00aff0;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-android {
    background: #a4c639;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-dribbble {
    background: #ea4c89;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-vimeo {
    background: #45bbff;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-tumblr {
    background: #2c4762;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-vine {
    background: #3B5998;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-foursquare {
    background: #3B5998;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-stumbleupon {
    background: #3B5998;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-flickr {
    background: #3B5998;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-yahoo {
    background: #3B5998;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-soundcloud {
    background: #3B5998;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-reddit {
    background: #3B5998;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.fa-rss {
    background: #3B5998;
    color: white;
    padding: 8px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}

.search-design .box .box-title .step {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    font-size: 82px;
    line-height: 60px;
    text-align: center;
    display: block;
    color: #ffffff;
    opacity: 0.05;
}

.search-design .box {
    position: relative;
    text-align: center;
    padding: 8px 5px;
    /* font-size: 10px; */
    background-color: #211c1c;
}

@media screen and (max-width: 767px) {
    .search-design .box:after {
        content: none !important;
    }
}

.footer.sec-padding {
    padding: 34px 0 20px 0 !important;
}

.search-design .box .box-title .step
{
    font-size: 70px;
    line-height: 27px;
    padding-top: 7%;
}

#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}

.about .box-content ul li {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    text-align: left;
    font-family: 'Cairo', sans-serif;
}
.about p
{
    text-align: left;
}

.box-icon
{
    display: none !important;
}

.btn-primary
{
    background: black !important;
    border: 1px solid black !important;
    transition: all .5s ease !important;
    color: #ffffff !important;
    font-weight:bold;
}

.btn_quote {
    left: 20%  !important;
}

.sidebar-widget {
    margin-bottom: 20px !important;
}

.sidebar-widget .sidebar-content .sidebar-title {
    position: relative !important;
    padding-bottom: 40px !important;
}