@media (max-width: 1050px) {
    .container-sm {padding-left: 52px;padding-right: 15px;}
    .site-header .container-sm {padding-left: 15px;}
    .main-navigation a {padding-left: 6px;padding-right: 6px;}
}
@media (max-width: 1023px) {
    h1, h2, h3, h4, h5, h6 {margin-bottom: 15px;}
    h1 {margin-bottom: 25px;font-size: 22px;}
    .btn-enquiry {margin: 15px 0;}

    .site-header {padding: 20px 0 15px;}
    .menu-toggle {float: right;}
    .main-navigation {font-size: 13px;}

    /* Menu */
    .site-header-menu {position: absolute;top: 100%;left: 0;margin: 0;width: 100%;background-color: rgba(0,0,0,0.9);z-index: 999;}
    .main-navigation li {border-color: rgba(209, 209, 209, 0.3);}
    .main-navigation .primary-menu {border-color: rgba(209, 209, 209, 0.4);}
    .dropdown-toggle:after {border-color: rgba(209, 209, 209, 0.3);left: 0;}
    .dropdown-toggle {color: #999;height: 42px;}
    .dropdown-toggle:hover, .dropdown-toggle:focus {color: #FFF;}
    .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {border-color: #FFF;}
    .main-navigation ul ul li {background-color: transparent;}
    .main-navigation a, .main-navigation .primary-menu > li > a {padding: 12px 15px;}
    .main-navigation ul ul, .main-navigation .primary-menu > li > ul {margin: 0;padding: 0;}
    .main-navigation ul ul a {padding-left: 25px;}
    .main-navigation ul ul ul a {padding-left: 35px;}

    .home-banner, .banner-inner {height: 600px;}
    .home-bg {padding: 60px 0;}
    .home-bg h1 {margin-bottom: 50px;}
    .slogan {margin-top: 40px;}

    .footer-dtl {width: 30%;padding-left: 10px;}
    .footer-form {width: 70%;}
    .footer-form ul, .footer-form ul:first-of-type {width: 100%;}

    .title {margin-bottom: 30px;}
    .testimonial {padding: 60px 0;}
    blockquote {max-width: 90%;}
    blockquote::before, blockquote::after {width: 22px;height: 22px;margin: 0 10px 5px 0;}
    blockquote::after {margin: 5px 0 0 10px;}

    .content-box {padding-top: 50px;padding-bottom: 40px;}
    .residential-makeover .content-dtl {width: 50%;}
    .residential-designer .content-dtl {width: 50%;margin-left: 50%;}

    .alternate-section .content-dtl {max-width: 50%;padding-right: 15px;}
    .alternate-section.left-first .section:nth-of-type(odd) .content-dtl, .alternate-section.right-first .section:nth-of-type(even) .content-dtl {padding-left: 15px;padding-right: 0;}

    .gallery-bg {padding: 60px 0 50px;}
    .gallery-listing {margin-top: 60px;margin-bottom: 50px;}
    .gallery-listing li {width: 33.3333%;}
    /*.yt-video {height: 220px;}*/

    .contact-bg {padding: 60px 0 50px;}
    .contact-form {margin-bottom: 40px;}
    .contact-details li {padding-left: 10px;padding-right: 10px;}
    .contact-details p {font-size: 16px;}
    .contact-form .wpcf7-form-control {padding: 15px 20px;}
    .contact-form textarea.wpcf7-form-control {height: 178px;}
    #map-canvas {height: 320px;}

    .default-bg {padding: 100px 0 80px;}
    .default-bg h1 {font-size: 34px;}
    .default-bg {font-size: 22px;line-height: 1.3;}
    
    .section-bg {padding: 40px 0;}

    .entry-footer {margin-top: 15px;}
    
    .col-lg {width: 66%;}
    .col-sm {width: 34%;}
    article {padding-bottom: 20px;}
}

@media (max-width: 909px) {
    .entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {margin-left: 0;margin-right: 0;}
    .comments-area {margin-left: 0;margin-right: 0;}
}

@media (max-width: 767px) {
    h1 {margin-bottom: 20px;}
    h3 {line-height: 1.4;}
    .container-sm {padding-left: 45px;}
    .site-header {padding: 15px 0;}
    .home-banner, .banner-inner {height: 400px;}

    #social-media a, #social-media .i-gplus {width: 40px;height: 40px;}

    .home-bg {padding: 50px 0px 40px;}
    .home-bg h1 {font-size: 28px;margin-bottom: 30px;}
    .col-left, .col-right {width: 100%;}
    .slogan {margin-top: 30px;}

    .footer-dtl {width: 100%;margin-bottom: 30px;padding-left: 0;}
    .footer-form {width: 100%;}

    .site-info, .footer-nav {float: none;text-align: center;}
    .site-info {margin-bottom: 10px;}
    .footer-nav a {padding: 0 4px;}
    .footer-form div.wpcf7 {margin: 0 -10px;}

    .title {font-size: 26px;margin-bottom: 20px;}
    .testimonial {padding: 50px 0;}

    .content-box {padding-top: 40px;padding-bottom: 30px;}
    .content-box::before {display: block;}
    .residential-makeover .content-dtl {width: 100%;}
    .residential-designer .content-dtl {width: 100%;margin-left: 0;}

    .alternate-section .alternate-img, .alternate-section .text-img {position: static;width: 100%;height: 360px;}
    .alternate-section .content-dtl {max-width: none;padding: 0;}
    .alternate-section.left-first .section:nth-of-type(odd) .content-dtl, .alternate-section.right-first .section:nth-of-type(even) .content-dtl {float: none;padding: 0;}
    .alternate-section .text-img {display: none;}
    .alternate-section .black-text .content-box {background-color: #d9d9db;}
    .btn-enquiry {max-width: 90%;width: auto;letter-spacing: 1px;}

    .yt-video {width: 55%;margin-left: 20px;}
    .gallery-bg {padding: 50px 0 40px;}
    .gallery-listing {margin-top: 40px;margin-bottom: 40px;}
    .gallery-listing li {width: 50%;}
    .share {margin-top: 30px;}

    .contact-bg {padding: 50px 0 40px;}
    .contact-details li {float: none;width: auto;max-width: 360px;margin: 0 auto 15px;padding: 0;}
    .contact-form {margin-bottom: 20px;}
    .contact-form ul {width: 100%;}

    .default-bg {padding: 80px 0 60px;}
    .default-bg h1 {font-size: 30px;}
    .default-bg {font-size: 20px;}
    .default-bg p br {display: none;}

    .section-bg {padding: 40px 0;}
    
    .entry-title {font-size: 24px;}

    .col-lg {width: 100%;margin-bottom: 20px;}
    .col-sm {width: 100%;}
    .widget_search {background-color: transparent;}
    .widget_search .search-form {margin: 0;}
    .sidebar {margin-bottom: 0;}
    .contact-form .wpcf7-submit, input[type="submit"] {font-size: 15px;padding: 15px 20px;}
}
@media (max-width: 480px) {
    p {margin: 0 0 15px;}
    .title {font-size: 20px;letter-spacing: 1px;}
    .header-right {width: 100%;text-align: right;margin-top: 12px;}
    .header-right ul li {float: none;display: inline-block;}

    .home-banner, .banner-inner {height: 240px;}
    .home-bg {padding: 40px 0px 30px;}
    .home-bg h1 {font-size: 24px;margin-bottom: 20px;}
    .slogan {margin-top: 20px;}

    .footer-form ul:first-of-type li {width: 100%;}
    .contact-form div.wpcf7 img.ajax-loader {margin: 12px 18px;}

    .testimonial {padding: 40px 0;}

    .alternate-section .alternate-img, .alternate-section .text-img {height: 240px;}

    .gallery-bg {padding: 40px 0 30px;}
    .yt-video {width: 100%;margin: 0 0 20px;}
    .gallery-listing {margin-top: 30px;margin-bottom: 30px;}
    .gallery-listing li {width: 100%;}
    .gallery-listing p {min-height: 0;}

    .contact-bg {padding: 40px 0 30px;}
    .contact-form ul {padding: 0;}
    .contact-form .wpcf7-form-control {padding: 12px 15px;}
    .contact-form textarea.wpcf7-form-control {height: 140px;}
    .contact-form .wpcf7-submit {width: 140px;}
    #map-canvas {height: 260px;}

    .default-bg {padding: 60px 0 40px;}
    .default-bg h1 {font-size: 26px;}
    .default-bg {font-size: 18px;}
    
    .blog-dtl .blog-date, .blog-dtl .blog-comment {display: block;}
    .site .avatar {margin-bottom: 10px;}
    .comments-title, .comment-reply-title {padding-top: 15px;margin-bottom: 15px;}
    .comment-list article, .comment-list .pingback, .comment-list .trackback {padding: 20px 0;}
    .comment-list + .comment-respond, .comment-navigation + .comment-respond {padding-top: 0;}
    .comment-form {padding-top: 10px;}
}