@media only screen and (max-width: 1200px) {
    .flexslider {
        padding: 0 !important;
    }
    .collection-group .collection-desc {
       margin: 30px 0;
    }
    #Request-Brochure .modal-dialog {
        width: auto;
    }
    #Request-Brochure .modal-body {
        padding: 0 50px 50px;
    }
    .modal-dialog {
        margin: 25px;
    }
    .video-wrapper img {
        width: 100%;
    }

    .press-list img {
        width: 100%;
    }
    .person-detail {
            height: 384px;
        }
    .grid-item {
   
        width: 100% !important;
    }
}

@media only screen and (max-width: 992px) {
    section.module.parallax{
        height: auto;
    }
    section.module.parallax-1 {
        text-align: center;
    }
    .main-section {
        padding: 20px 0;
    }
    .about-top p {
        font-size: 16px;
    }
    .video-wrapper a {
        margin-bottom: 30px;
        width: 100%;
    }
    .about-group-caption {
        padding: 0 25px;
    }
    .nopadding-top {
        padding-top: 0 !important
    }
    #collection-style-2 .collection-item {
        float: none;
    }
    .collection-group {
        padding-left: 15px;
        padding-right: 15px;
    }
    .collection-content .img-wrapper:nth-child(even) .col-md-4 {
        float: none;
    }
    .collection-content {
        padding-bottom: 0;
    }
    .collection .detail {
        padding: 20px 0px;
    }
    .collection-d-top .title-4 {
        font-size: 25px;
    }
    .collection-d-top .btn-style-2 {
        font-size: 10px;
    }
    .modal-muse h3 {
        font-size: 18px;
    }
    .contact-left-b .form-muse-group {
        padding: 0;
    }
    .contact-left-b .form-muse {
        margin-bottom: 30px;
    }
    .accordion-group {
        padding: 30px 20px;
    }
    .accordion-desc {
        font-size: 14px;
        padding: 20px 0px;
    }
    .about-top p {
        font-size: 15px;
    }
    .about-group .title-4 {
        margin-bottom: 15px;
    }
    .collection-wrapper .collection-group:nth-child(even) .collection-item {
        float: none;
    }
    .overlay-fancy img {
        width: 70px !important;
    }

    .table-collection .col-1,.table-collection .col-2,.designer-ollection .table-collection .col-1, .designer-ollection .table-collection .col-2{ width: 100%; display: inline-block; }

    .collection-img{ margin-bottom: 30px; }
    .contact-bottom .nopadding-r{ padding-right: 15px; }
    .contact-bottom .nopadding-l{ padding-left: 15px; }

    .title-6{ font-size: 21px; line-height: 1.3; }

    .banner-2 .caption_title_line{ text-align: center; }

    .breadcrumb{ text-align: center;     padding: 0 50px 0;}
    .banner.banner-2 .caption_title_line h2 {
        padding: 0 45px 0;
    }
    section.module.parallax-1{
        padding-left: 10px;
        padding-right: 10px;
    }
    .parallax-text .title-3 {
        font-size: 30px;
    }

}

@media only screen and (max-width: 767px) {
    /*#mySidenav{ width: 100% !important; }*/
    footer .social ul{ text-align: center; }
    .copyright .text{text-align: center; position: relative;}
    .menu-wrapper {
        margin-top: 20px;
    }
    .company-list {
        margin-bottom: 40px;
        text-align: center;
    }
    .company-wrapper .col-md-3:last-child > .company-list {
        margin-bottom: 0px;
    }
    footer .display-table,
    footer .display-table-row {
        display: block;
        text-align: center;
    }
    footer .social ul {
        padding-left: 0;
        margin-top: 0px;
    }
    footer p {
        margin-bottom: 15px;
    }
    .about-group-list,
    .about-item {
        display: block !important;
    }
    .about-group .col-1,
    .about-group .col-2 {
        width: 100% !important;
        text-align: center;
        margin-bottom: 30px;
    }
    .collection-d-top {
        margin-bottom: 30px;
    }
    #Request-Brochure .modal-body {
        padding: 0 20px 20px;
    }
    .meterial-text {
        top: 30%;
    }
    .meterial-text .title-3 {
        font-size: 25px;
    }
    .meterial-text .title-2 {
        font-size: 16px;
    }
    .owl-muse-list .title-4 {
        font-size: 25px;
    }
    .contact-right {
        padding: 50px 60px;
        font-size: 12px;
    }
    .contact-left .title-4 {
        font-size: 22px;
    }
    .video-group {
        margin-bottom: 5px;
        width: 100%;
    }
    .main-section h3 {
    margin-top: 5px;
    margin-bottom: 5px;
  
}
    .overlay-fancy img {
        width: 100px !important;
    }
    .overlay-fancy img {
        left: 43%;
        top: 40%;
    }
    .gal-img.style1 img {
        height: inherit;
    }
    #project {
        width: 100%;
        left: 0;
        top: 290px;
    }
    .project-top-a {
        font-size: 14px;
        padding: 0;
        width: 100%;
    }
    .project-top-b {
        float: right;
        margin-top: 30px;
    }
    #project a {
        font-size: 12px;
    }

    #cboxLoadedContent,#cboxContent{ background: none !important; }
    .btn-map {
            font-size: 9px;
    top: 10px;
    right: 10px;
    height: 31px;
    padding: 7px 12px;
    line-height: 16px;
    }
    .location-list p{     font-size: 13px; }
    .company-list{ min-height: auto; }
    .parallax-text {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .nav-link{ margin-right: 15px; }
    .collection-group .collection-desc {
   
        position: relative;
        top: auto;
        width: 100%;
        left: auto;
        transform: initial;
            padding: 30px;
    }
    .collection-link {
        margin: 30px 0;
    }
    .collection-group{
        margin-bottom: 15px;
    }
    .nopadding {
        padding: 15px;
    }
    .sidenav.active{
        width: 100%;
    }
}

@media only screen and (max-width: 640px) {
    .logo img {
        width: 90px;
    }
    .img-wrapper .col-md-8 .overlay-caption {
        top: 33%;
    }
    .group-list-overlay h5 {
        font-size: 12px;
    }
    .group-list-overlay .btn-style-3 {
        font-size: 6px;
    }
    .group-list-overlay a {
        padding: 7px 20px;
        margin: 6px 0;
    }
    .img-overlay {
        background-size: 23%;
    }
    .contact-right {
        padding: 50px 20px;
        margin-top: 20px;
    }
    .accordion-desc {
        font-size: 12px;
    }
    .accordion-group .accordion {
        font-size: 20px;
    }
    .project-top-a {
        font-size: 12px;
    }
    .caption_title_line h2 {
        font-size: 20px;
        padding: 0 !important;
    }

    .breadcrumb {
        padding: 0 10px;
    }
    .breadcrumb a{ font-size: 12px; }
}

@media only screen and (max-width: 518px) {
    #project {
        top: 346px;
    }
}

@media only screen and (max-width: 415px) {
    #project {
        top: 335px;
    }
}

@media only screen and (max-width: 410px) {
    #project {
        top: 370px;
    }
}

@media only screen and (max-width: 360px) {
    #project {
        top: 400px;
    }
}

@media only screen and (max-width: 480px) {
    .img-wrapper .col-md-8 .overlay-caption {
        top: 25%;
    }
    .overlay-fancy img {
        width: 70px !important;
    }
    .overlay-fancy img {
        left: 38%;
        top: 32%;
    }
    .group-list-overlay h5 {
        font-size: 10px;
    }
    .meterial-text .title-3 {
        font-size: 16px;
    }
    .meterial-text .title-2 {
        font-size: 10px;
    }
    button.accordion {
        padding: 0px 10px;
    }
    .accordion-group .accordion {
        font-size: 20px;
    }
    .breadcrumb a {
        font-size: 7px;
    }
}

@media only screen and (max-width: 320px) {
    .img-wrapper .col-md-8 .overlay-caption {
        top: 15%;
    }
    #project {
        top: 389px;
    }


}