@media only screen and (min-width: 767px) {
    #wrapper.boxed, .boxed #header {
        margin: 0 auto;
        max-width: 768px;
        width: 100%;
    }
    .menu-wrapper {
        background: none !important;
    }
    .project-category {
        padding: 65px 0 128px;
    }
    .project-category-1 {
        padding: 65px 0 100px;
    }
}
@media only screen and (max-device-width: 1024px) {

    .anim-section {

        -moz-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -o-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
        visibility: visible;
        opacity: 1;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #wrapper.boxed, .boxed #header {
        margin: 0 auto;
        max-width: 970px;
        width: 100%;
    }
    .our-contact{
        width:60%;
    }
    .our-contact li{
        padding:36px 5% 42px 8%;
    }
    .our-contact li{
        border-left:none;
    }

   

}

@media (min-width: 1200px) {
    #wrapper.boxed, .boxed #header {
        max-width: 1170px;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    #wrapper.boxed, .boxed #header {
        max-width: 750px;
        width: 100%;
    }
    .primary-header .logo{
        margin:32px 19px 37px 0;
        width: 150px;
    }
    .our-contact li{ padding: 30px 5px 42px;}
    .right-header ul li{padding:0 11px;}
    .our-contact li{
        border-left:none;
    }
    .our-contact{
        width:400px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1200px) {



 
    #slider .detail {
        margin-left: -123px;
    }
    .info-container .our-images ul {
        width: 40%;
    }
    .service-container .right-detail strong {
        font-size: 62px;
    }

  
    .slide-detail .f-project {
        margin-bottom: 10px;
    }
    .slide-detail h3 {
        padding-bottom: 5px;
    }
    .slide-detail h4 {
        padding-bottom: 10px;
    }
    .slide-detail p {
        line-height: 1.2;
        margin-bottom: 15px;
    }
    .slide-detail .quote {
        padding: 5px 30px;
    }
    #slider .bx-prev {
        left: 10px;
    }
    #slider .bx-next {
        right: 10px;
    }




    .service-container .right-detail strong {
        font-size: 50px;
        display: inline-block;
    }
    .service-container .right-detail {
        padding-bottom: 40px;
    }
    .service-container .right-detail span {
        display: inline-block;
    }
    .service-container .right-detail h2 {
        font-size: 31px;
    }
    .service-container .our-service {
        margin-top: 0px;
    }
    .project-container .detai-box h2 {
        font-size: 22px;
        margin-bottom: 20px;
        line-height: 1.4;
    }
    .project-container .detai-box ul {
        padding-top: 22px;
        padding-left: 0;
    }
    .project-container .detai-box li {
        padding-right: 0;
    }
    .project-container li i {
        margin-right: -2px;
        transform: scale(0.7);
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
    .project-container .odd .img-box {
        margin-top: -26px;
    }
    .project-container .our-project {
        height: 104px;
        margin-top: -54px;
    }
    .project-container .odd .detai-box {
        padding-left: 18px;
    }

    .testimonial-box .thumb-box {
        bottom: -150px;
    }

 
    .our-project-container .bx-prev {
        left: 0;
    }
    .our-project-container .bx-next {
        right: 0;
    }

   
    .project-detail-container .upper-box .right-detail {
        padding-left: 30px
    }
    .project-discription .feature-list li {
        font-size: 15px;
    }
    .project-discription .right-content {
        padding-left: 0;
    }
    .project-discription .right-content .bx-prev {
        font-size: 0;
        background-position: center center;
    }
    .project-discription .right-content .bx-next {
        font-size: 0;
        background-position: center center;
    }

}


@media only screen and (min-width: 768px) and (max-width: 992px) {


    #slider .detail {
        width: 545px;
    }

   
    .secondry-header .menu li {
        margin-right: 12px;
    }


    .banner-container {
        padding: 70px 0 70px;
        min-height: 161px;
    }
    #slider .bottom-sec {
        padding: 7px 39px;
    }
    #slider .bottom-sec h2, #slider .bottom-sec p {
        padding-bottom: 0;
    }

 
    .slide-detail .f-project {
        margin-bottom: 10px;
    }
    .slide-detail h3 {
        font-size: 20px;
        line-height: 22px;
        padding-bottom: 5px;
    }
    .slide-detail h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }
    .slide-detail p {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 15px;
    }
    .slide-detail .quote {
        padding: 5px 30px;
    }



 
    .info-container .our-quality li {
        font-size: 14px;
    }
    .info-container .our-images ul {
        width: 40%;
    }

   
    .project-container {
        padding-bottom: 100px;
    }
    .service-container .right-detail strong {
        font-size: 50px;
        display: inline-block;
    }
    .service-container .right-detail {
        padding-bottom: 40px;
    }
    .service-container .right-detail span {
        display: inline-block;
    }
    .service-container .right-detail h2 {
        font-size: 31px;
    }
    .service-container .our-service {
        margin-top: 25px;
    }
    .project-container .detai-box h2 {
        font-size: 22px;
        margin-bottom: 20px;
        line-height: 1.4;
    }
    .project-container .detai-box ul {
        padding-top: 22px;
        padding-left: 0;
    }
    .project-container .detai-box li {
        padding-right: 0;
    }
    .project-container li i {
        margin-right: -2px;
        transform: scale(0.7);
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
    .project-container .odd .img-box {
        margin-top: -26px;
    }
    .project-container .our-project {
        height: 104px;
        margin-top: -54px;
    }
    .project-container .odd .detai-box {
        padding-left: 18px;
    }


    #testimonial-carousel.flexsilder {
        margin-right: 82px;
    }
    #testimonial-carousel .flex-direction-nav {
        top: 100%;
    }
    .our-partners {
        padding-bottom: 100px;
    }
    .our-partners ul li {
        height: auto;
    }
    .our-partners ul a {
        height: 87px;
    }
    .contact-us-container .box {
        width: 30%;
    }
    .contact-us-container .box em {
        margin-right: 12px;
    }
    .contact-us-container .box.last {
        width: 16%;
    }
    .contact-us-container .contact-us, .contact-us-container .box.last ul {
        float: left;
    }
    .contact-us-container {
        padding: 40px 0 20px;
    }
    .contact-us-container .box {
        padding: 0 0 20px;
    }
    .contact-us-container .box li {
        padding: 0 20px 0 0;
    }
    .contact-us-container .box .contact-us {
        margin-left: 7px;
    }
    .quote-container .right-banner {
        background-size: cover;
    }
    #slider .detail {
        margin-left: -233px;
        height: auto;
    }
    .service-container .right-detail {
        padding-left: 15px;
    }
    .service-container .quote {
        float: none;
    }
    .service-container .right-detail {
        padding-bottom: 0;
    }

 
    .project-slider li .project-detail::before {
        display: none;
    }
    .project-slider li .project-detail::after {
        display: none;
    }
    .project-slider li .project-detail {
        top: 10%;
        right: 0;
    }
    .our-project-container .bx-prev {
        left: 0;
        top: 35px;
    }
    .our-project-container .bx-next {
        right: 0;
        top: 35px;
    }

    
    .our-info .our-quality strong {
        font-size: 12px;
    }
    .our-info .img-list{
        margin-left:-15px;
    }
    .our-info .img-list li {
        margin-bottom: 15px;
        padding-left:15px;
    }


   
    .our-quote-container .quote-box {
        padding: 20px 0;
    }

   
    .video-container {
        padding: 30px 0;
    }
    .video-container .video-box {
        width: 50%;
    }
    .video-container .our-detail {
        width: 50%;
        padding: 0 20px;
    }
    .video-container .box {
        margin: 0 0 15px;
    }
    .video-container .box i {
        margin: 0 0 5px 0;
    }
    .video-container .box strong {
        margin-bottom: 0;
    }
    .video-container .box p {
        line-height: 20px;
        margin-bottom: 0;
    }


    .our-team-container {
        padding: 30px 0;
    }
    .our-team-container .bx-prev {
        left: -15px;
        top: 50%;
        margin: 0;
    }
    .our-team-container .bx-next {
        right: -15px;
        top: 50%;
        margin: 0;
    }

 
    .our_contact .right-detail {
        padding-left: 15px;
        margin-top: 99px;
    }
    .our_contact .right-detail .social-icons {
        padding: 0 30px;
    }
    .our_contact .right-detail address {
        padding: 30px;
        margin-top: 20px;
    }
    .our_contact .right-detail address strong {
        font-size: 22px;
    }
    .our_contact .right-detail address li {
        margin-bottom: 35px;
    }

  
    .info-aboutus {
        margin: 30px 0;
    }
    .info-aboutus .left-banner {
        position: static;
        width: 100%;
        left: 0;
        margin-bottom: 20px;
        text-align: center;
        margin-left: 0;
    }
    .info-aboutus .msg-slider {
        width: 50%;
    }
    .info-aboutus .msg-slider .msg-box, .info-aboutus .msg-slider .award-box {
        padding: 20px 40px;
    }
    .info-aboutus .our-detail {
        width: 50%;
        padding-right: 75px;
    }
    .our-team-container .our-team-detail li .box .img-box {
        width: 100%;
        text-align: center;
    }
    .our-team-container .our-team-detail li .box .detail-box {
        width: 100%;
    }

 
    .blog-container-1 .blog-list .post-detail li {
        font-size: 14px;
        padding: 0 10px;
    }
    .blog-container-1 .blog-list .cat-list li {
        font-size: 14px;
    }
    .pagination-box {
        margin: 50px 0;
    }
    .blog-container-1 .blog-list h3, .blog-container-2 .left-body h3, .blog-container-2 .left-body .half-box h3 {
        font-size: 24px;
    }

   
    .comment-box {
        padding: 40px 0 20px 25px
    }
    .comment-box li .msg-detail {
        width: 72%;
    }

    
    .our-clients .box, .our-clients .box.last {
        width: 25%;
    }
    .our-clients .box strong {
        font-size: 13px;
    }
    .our-clients .box li a {
        font-size: 14px;
    }

   
    .faq-container h3 {
        display: block;
    }
    .faq-container h3 span {
        display: inline-block;
    }
    .faq-detail li {
        padding: 28px 20px 28px 65px
    }



    .project-category {
        padding-top: 40px;
    }
    .project-category-1 {
        padding: 30px 0;
    }
    .project-list-1 .detail {
        padding: 20px;
    }
    .project-list-1 .detail h4 {
        margin-bottom: 10px;
    }
    .project-list-1 .detail h4 span {
        display: inline-block;
    }
    .project-list-1 .detail p {
        line-height: 20px;
    }
    .project-list-1 .view {
        margin-top: 10px;
    }
    #gallery-content-center {
        overflow: visible !important;
    }
    .other-project {
        overflow: hidden;
        padding-top: 50px;
    }
    
    .project-detail-container .upper-box .right-detail {
        padding-left: 10px
    }
    .project-detail-container .upper-box .right-detail li a i {
        margin-right: 6px;
    }
    .project-detail-container .upper-box .right-detail li a span {
        font-size: 12px;
    }
    .project-discription .right-content {
        padding-left: 0;
    }
    .project-discription .right-content .bx-prev {
        font-size: 0;
        background-position: center center;
    }
    .project-discription .right-content .bx-next {
        font-size: 0;
        background-position: center center;
    }
    .contact-us-container .box.call {
        padding-left: 15px;
    }
    .project-discription .bx-prev::before, .project-discription .bx-next::before {
        font-size: 20px;
    }
    .project-discription .bx-prev::before {
        left: 45%;
    }
    .project-discription .bx-next::before {
        right: 45%;
    }
    .project-detail-container .upper-box .right-detail li {
        padding-bottom: 12px
    }
    .bx-viewport {
        padding-left: 3px;
    }
    .project-discription .feature-list li {
        line-height: 1.4;
    }
    .project-discription {
        padding-bottom: 50px;
    }
}


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

    .info-container .about-us h2, .service-container .left-detail h2, .project-container .detai-box h2, .customer-says h2,.banner-container h3 ,.our-clients h3,.our-team-container h3{
        font-size: 25px;
    }
    .customer-says h2 span {
        font-size: 28px;
    }

    #slider.top{
        margin-top: 174px;
    }
    .service-container .right-detail strong {
        font-size: 30px;
        display: inline-block;
    }
    .service-container .right-detail span, .service-container .right-detail h2 {
        font-size: 22px;
    }
  

    .secondry-header .col-xs-12 {
        position: static;
    }
    .secondry-header .container {
        position: relative;
    }

    #header .quote {
        position: absolute;
        right: 15px;
        top: 0;
    }

    #header .quote {
        top: 43px;
    }
    #slider .detail {
        margin-left: 0;
        left: 0;
        width: 320px;
        height: 150px;
        border: none;
    }
    .button-wrapper {
        display: block;
    }
    #slider .top-row > strong {
        padding: 10px 14px 0;
        font-size: 18px;
        display: block;
        text-indent: 0;
    }
    #slider .top-row .direction-arrrow {
        border: none;
        width: 74px;
        padding: 14px 0;
        text-align: center;
        position: absolute;
        right: 0;
        bottom: -20px;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.8);
    }
    #slider .top-row .direction-arrrow .next, #slider .top-row .direction-arrrow .prv {
        margin: 0 4px;
    }
    #slider .top-row {
        border: none;
        min-height: 33px;
    }
    #slider .bottom-sec {
        padding: 2px 14px;
    }
    #slider .bottom-sec h2 {
        font-size: 14px;
        padding-bottom: 0;
        padding-left: 14px;
    }
    #slider .bottom-sec p {
        font-size: 12px;
        line-height: 14px;
        padding-bottom: 0;
        padding-left: 14px;
    }
    #slider .bottom-sec a {
        width: 127px;
        font-size: 12px;
        line-height: 17px;
        padding: 8px 0;
        margin-left: 14px;
    }


   
    .menu-wrapper {
        margin-top: 0
    }
    .navigation {
        display: none;
    }
    .our-contact,  .right-header {
        display: none;
    }
    #header .quote {
        display: none;
    }
    .secondry-header .menu {
        margin-left: 0;
        width: 100%;
        padding-bottom: 10px;
    }
    .secondry-header .menu li {
        display: block;
        margin-right: 0;
        margin-top: 10px;
    }
    .secondry-header .menu li a {
        padding: 0;
    }

    .menu li .submenu {
        position: static;
        width: 100%;
        display: none;
        background: none;
        padding: 0 10px;
    }
    .menu li .submenu li a {
        border: none !important;
    }
    .menu li .submenu li a:hover {
        color: #575757;
    }
    .menu li:hover .submenu {
        display: block;
    }


    .menu-wrapper {
        background: #029FDE;
        margin-top:0;
    }



    .main-slider img {
        height: 300px;
    }
    .slide-detail {
        top: 0;
        left: 0
    }
    .slide-detail h3 {
        font-size: 13px;
        line-height: 17px;
    }
    .slide-detail h4 {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 10px;
    }
    .slide-detail p {
        font-size: 13px;
        line-height: 1.2;
        margin-bottom: 20px;
    }
    .layer4 p {
        width: 90%;
    }
    .layer1 {
        top: 10% !important;
        left: 15px !important;
    }
    .layer2 {
        top: 30% !important;
        left: 15px !important
    }
    .layer3 {
        top: 40% !important;
        left: 15px !important
    }
    .layer4 {
        top: 50% !important;
        left: 15px !important
    }
    .layer5 {
        top: 78% !important;
        left: 15px !important
    }
    .slide-info {
        position: static !important;
    }
    .item-1 .slide-info,  .item-2 .slide-info,  .item-3 .slide-info {
        left: 0;
        top: 15px;
        width: 100%;
    }
    .tp-caption {
        position: absolute !important
    }
    .slide-detail .f-project {
        margin-bottom: 5px
    }
    .slide-detail h3 {
        padding-bottom: 0px;
    }
    .slide-detail h4 {
        padding-bottom: 0px;
    }
    .slide-detail p {
        margin-bottom: 5px;
    }
    .quote {
        padding: 5px 15px;
    }
    .tp-leftarrow.default {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        left: 0;
        top: 50% !important;
    }
    .tp-rightarrow.default {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        right: 0;
        top: 50% !important;
    }



   
    .info-container {
        padding-top: 40px;
    }
    .info-container .about-us, .info-container .our-images ul {
        padding-top: 0px;
    }
    .info-container .about-us {
        padding-bottom: 20px;
    }
    .info-container .our-images ul {
        display: block;
        width: 50%;
        float: left;
    }
    .info-container .our-images ul li {
        padding-left: 0;
    }
    .info-container .our-quality li {
        font-size: 12px;
        line-height: 1.3;
    }
    .info-container .our-quality strong {
        margin-top: 6px;
    }
    .our-images ul li img {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    .info-container .our-images ul:first-child {
        padding-right: 10px;
    }
    .info-container .our-images ul:last-child {
        padding-left: 10px;
    }

   
    .info-container-1 {
        padding: 40px 0;
    }
    .info-container-1 .about-us {
        padding: 0 15px
    }
    .info-container-1 .our-quality {
        margin-top: 25px;
    }
    .info-container-1 .our-quality li {
        width: 100%;
    }
    .info-container-1 .our-quality figure {
        margin-bottom: 25px;
    }

   
    .service-container {
        padding: 40px 0;
    }
    .service-container .our-service {
        margin-top: 0;
    }
    .service-container .left-detail {
        width: 100%;
    }
    .service-container .right-detail {
        padding: 20px 15px;
        width: 100%;
    }
    .service-container .right-detail strong {
        font-size: 22px;
        line-height: 1.5;
    }
    .our-testimonial-1 .heading-row h2 {
        font-size: 25px;
    }

  
    .service-container-2 {
        padding: 25px 0;
    }
    .service-container-2 .quote {
        position: static;
        float: right;
        margin-top: 20px;
    }
    .service-container-2 .our-service {
        margin-top: 20px;
    }

   
    .service-container-3 {
        padding: 25px 0;
    }
    .service-container-3 .quote {
        position: static;
        margin-bottom: 20px;
    }
    .service-container-3 .office-list, .service-container-3 .office-list li {
        margin-left: 0;
    }
    .service-container-3 .office-list li {
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }

   
    .project-container {
        padding: 30px 0;
    }
    .project-container .our-project {
        position: static;
        margin: 0;
        width: 100%;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .project-container .detai-box {
        width: 100%;
    }
    .project-container .img-box {
        width: 100%;
        margin-bottom: 20px;
    }
    .project-container .odd .detai-box {
        padding: 0;
    }
    .project-container .detai-box li {
        padding-bottom: 10px;
    }
    .project-container .detai-box h2 {
        margin-bottom: 25px;
    }
    .project-container .detai-box ul {
        padding: 20px 0 10px 5px;
    }
    .project-container .odd .img-box {
        margin-top: 0;
    }
    .project-container .img-box img {
        width: 100%;
    }
    .project-container li i {
        font-size: 24px;
        margin-right: 0;
    }
    .project-container .our-project strong {
        font-size: 22px;
    }


    .customer-says {
        border: none;
        margin: 100px 0 0 0;
        padding-bottom: 10px;
    }
    .testimonial-box {
        margin-top: 10px;
    }
    .testimonial-container::before {
        display: none
    }
    .testimonial-box .view-list {
        padding: 0
    }
    .testimonial-box blockquote i {
        padding-bottom: 10px;
    }
    #testimonial-carousel.flexsilder {
        margin-right: 0;
        float: left;
    }
    .testimonial-box .thumb-box {
        position: static;
        float: left;
        padding: 20px 0 10px;
    }
    #testimonial-carousel .flex-direction-nav {
        top: auto;
        bottom: 5px;
        margin-top: 0;
    }
    #testimonial-silder .flex-direction-nav {
        left: 0;
        top: 95%;
    }

   
    .our-testimonial-1 {
        padding: 25px 0;
    }
    .our-testimonial-1 .heading-row h2 {
        font-size: 26px;
    }
    .our-testimonial-1 blockquote {
        margin-top: 25px;
        padding-left: 45px;
    }

  
    .our-partners {
        padding: 50px 0;
    }
    .our-partners ul {
        margin-top: 20px;
    }
    .our-partners ul li {
        width: 33.33%;
        height: auto;
    }
    .our-partners ul li a {
        height: auto;
    }

 
    .quote-box {
        width: 100%;
        padding: 50px 0;
    }
    .quote-container .right-banner {
        display: none;
    }

    
    .contact-us-container {
        padding-bottom: 20px
    }
    .contact-us-container .box {
        width: 100%;
        padding: 20px 0 0 0;
        font-size: 14px;
        line-height: 20px;
    }
    .contact-us-container .box.call {
        padding-left: 0;
        width:169px;
        float:left;
        border:none;
    }
    .contact-us-container .box.last{
        float:left;
        width:40%;
    }
    .contact-us-container .box.last + .box.last{
        width:100%;
    }
    .contact-us-container .contact-us {
        float: left;
    }
    .contact-us-container .location-svg svg {
        margin-left: -13px;
    }
    .contact-us-container .box ul {
        text-align:left;
    }
    .contact-us-container .box li {
        padding: 0 10px 0 0
    }
    .contact-us-container .box em{
        font-size:32px;
    }

    .contact-us-container .box em{
        margin-right:2px;
    }

    .contact-us-container .box.call em{
        margin-right:8px;
    }

   
    .primary-footer {
        padding-top: 20px;
    }
    #footer .copyright {
        margin-top: 20px;
        padding-top: 20px;
        padding-bottom: 20px
    }
    .primary-footer .list li {
        width: 100%;
        float: none;
    }

   
    .our-work {
        padding: 25px 0;
    }

    .our-work .homemobile {
        margin-top:-120px;
    }

    .our-work .box {
        margin-top: 20px;
    }
    .heading-row h2 {
        font-size:25px;
        padding-right: 15px;
    }
    .our-work .box .detail, .our-work .box .img-box {
        width: 100%;
    }
    .our-work .box .detail{
        margin:0;
        padding-left:15px;
        padding-right:15px;
    }
    .our-work .box .img-box img{
        width:100%;
    }
    .our-work .box .tag {
        display: none;
    }
    .our-work .bottom-row, .our-work .bottom-row-2 {
        height: auto;
        margin-bottom: 20px;
    }
    .our-work .bottom-row strong {
        padding: 25px 10px;
        font-size: 14px;
    }
    .our-work .bottom-row a {
        padding: 25px 10px;
    }
    .our-work .bottom-row-2 a {

        border: none;

    }
    
    .our-work .destaqueshome {
    margin-top:0px;
}
    

    
    .our-project-container {
        padding: 12px 0;
    }
    .project-slider li .project-detail {
        position: static;
        width: 100%;
    }
    .project-detail .top-detail {
        padding: 25px 15px 5px;
    }
    .project-detail .top-detail h3 {

        line-height: 20px;
        margin-bottom: 10px;
    }
    .project-detail .top-detail h4 {
        line-height: 20px;
        margin-bottom: 10px;
    }
    .project-detail .top-detail p {

        line-height: 20px;
        margin-bottom: 10px;
    }
    .our-project-container .bx-controls-direction{
        top: 22%;
    }
    .our-project-container .bx-prev {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        left: 0;
        top: 25px;
    }
    .our-project-container .bx-next {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        right: 0;
        top: 25px;
    }

    
    .our-info {
        padding: 20px 0;
    }
    .our-info .our-quality strong {
        font-size: 10px;
    }
    .our-info .img-list {
        margin-top: 25px;
    }
    .our-info .img-list{
        margin-left:-15px;
    }
    .our-info .img-list li{
        width:50%;
        padding-left:15px;
    }
    .our-info .our-quality li{
        line-height:1.5;
    }

  
    .our-testimonial {
        padding: 20px 0;
        margin-top: 20px;
    }
    .our-testimonial .heading-row h2 {
        font-size: 13px;
        padding-right: 10px;
    }
    .our-testimonial blockquote {
        margin: 25px 0 0 0;
        padding-left: 40px;
    }
    .our-testimonial blockquote p {
        line-height: 1.3;
    }
    .our-testimonial blockquote footer {
        margin-top: 15px;
    }
    .our-testimonial .bx-pager.bx-default-pager {
        margin-top: 20px;
    }


    .our-partner {
        padding: 20px 0;
    }
    .our-partner ul {
        margin-top: 20px;
    }
    .our-partner ul li {
        width: 50%;
    }

   
    .our-quote-container {
    }
    .our-quote-container .quote-box {
        padding: 25px 0;
        width: 100%;
    }
    .our-quote-container .right-banner {
        width: 100%;
    }

 
    .banner-container {
        padding: 25px 0;
        min-height: 0;
    }
    .about-img {
        float: none;
        padding-left: 0;
    }
    .about-img img {
        margin-left: 0;
    }
    .about-detail {
        padding-top: 25px;
    }
    .video-container {
        padding: 25px 0;
    }
    .video-container .video-box {
        width: 100%;
    }
    .video-container .box {
        margin: 20px 0;
    }
    .video-container .our-detail {
        width: 100%;
        padding: 0;
    }
    .our-team-container {
        padding: 25px 0;
    }
    .our-team-container .bx-prev {
        left: 0;
        top: -50px;
        margin-top: 0;
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
    }
    .our-team-container .bx-next {
        right: 0;
        top: -50px;
        margin-top: 0;
        transform: scale(0.7);
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
    }

    
    .info-aboutus {
        margin: 30px 0 0;
    }
    .info-aboutus .left-banner {
        width: 100%;
        left: 0;
        position: static;
        margin-bottom: 20px;
        margin-left: 0;
    }
    .info-aboutus .msg-slider {
        width: 100%;
    }
    .info-aboutus .our-detail {
        width: 100%;
        padding: 20px 0;
    }
    .info-aboutus .box {
        margin-bottom: 20px;
    }
    .info-aboutus .msg-slider .msg-box, .info-aboutus .msg-slider .award-box {
        padding: 20px;
    }
    .info-aboutus .msg-slider .bx-prev {
        bottom: 125px;
        right: 65px
    }
    .info-aboutus .msg-slider .bx-next {
        bottom: 125px;
        right: 40px
    }
    .our-team-container .our-team-detail li {
        width: 100%;
    }
    .our-team-container .our-team-detail li figure a{
        display:block;
    }
    .our-team-container .our-team-detail li figure img{
        width:100%;
    }
    .our-team-container .our-team-detail li .box .img-box {
        width: 100%;
        text-align: center;
    }
    .our-team-container .our-team-detail li .box .detail-box {
        width: 100%;
        padding-left:15px;
        padding-right:15px;
    }

   
    .blog-container-1 .blog-list article {
        padding: 20px 15px;
        margin-bottom: 10px;
    }
    .blog-container-1 .blog-list .img-box {
        width: 100%;
    }
    .blog-container-1 .blog-list .detail {
        width: 100%;
        padding: 20px 0 0;
    }
    .blog-container-1 .blog-list .post-detail {
        margin-bottom: 10px;
    }
    .blog-container-1 .blog-list .post-detail li {
        font-size: 10px;
        padding: 0 10px;
    }
    .blog-container-1 .blog-list h3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .blog-container-1 .blog-list h3 i {
        margin-top: 10px;
    }
    .blog-container-1 .blog-list .cat-list {
        margin-bottom: 10px;
    }
    .blog-container-1 .blog-list .cat-list li {
        font-size: 11px;
        padding: 0 5px 0 25px;
    }
    .pagination-box {
        margin: 30px 0;
    }

 
    .blog-container-2 .right-body .inner-content {
        padding-left: 0;
    }
    .blog-container-2 .right-body .meta-list li a {
        margin-right: 4px;
    }
    .blog-container-2 .left-body .detail {
        padding: 20px 15px;
    }
    .blog-container-2 .left-body .post-detail {
        margin-bottom: 10px;
    }
    .blog-container-2 .left-body .post-detail li {
        font-size: 10px;
        padding: 0 9px;
    }
    .blog-container-2 .left-body h3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .blog-container-2 .left-body .cat-list {
        margin-bottom: 10px;
    }
    .blog-container-2 .left-body .cat-list li {
        font-size: 11px;
        padding: 0 5px 0 25px;
    }
    .blog-container-2 .left-body .half-box {
        width: 100%;
    }
    .blog-container-2 .left-body figure img {
        width: 100%;
    }
    .blog-container-2 .left-body .half-box .detail {
        padding: 20px 15px;
    }
    .blog-container-2 .left-body .half-box h3 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }

   
    .author-detail {
        padding: 0 15px;
    }
    .comment-box {
        padding: 20px 0;
    }
    .comment-box li .msg-detail em{
        display:none;
    }
    .comment-box li .msg-detail {
        width: 100%;
        margin-top: 10px;
        padding-left:15px;
        padding-right:15px;
    }
    .leavecomment-box {
        padding: 0;
        margin-bottom: 20px;
    }
    .leavecomment-box input[type="text"] {
        width: 100%;
        padding: 17px 10px
    }
    .leavecomment-box .email {
        margin-left: 0;
    }

   
    .our-clients .clients-logo {
        margin: 20px 0;
    }
    .our-clients .clients-logo li {
        width: 33.33%;
        height: auto;
    }
    .our-clients .clients-logo li a {
        height: auto;
    }
    .our-clients {
        padding: 25px 0;
    }
    .our-clients .box, .our-clients .box.last {
        width: 50%;
    }

    
    .our_contact {
        padding: 25px 0;
    }
    .our_contact h3 {
        font-size: 25px;
    }
    .our_contact .right-detail address strong{
        font-size:22px;
    }
    .our_contact .left-detail {
        width: 100%;
    }
    .our_contact .right-detail {
        width: 100%;
        padding-left: 0;
    }
    .our_contact .right-detail .social-icons {
        text-align: center;
    }
    .our_contact .right-detail address {
        margin-top: 0;
    }
    .our_contact .right-detail address {
        padding: 49px 20px 20px
    }
    .our_contact .left-detail form .coll-1{
        width:100%;
        float:none;
    }
    .our_contact .left-detail form .coll-1.last{
        margin-left:0;
    }
    .our_contact .left-detail input[type=text]{
        padding:10px;
    }

   
    .faq-container {
        padding: 25px 0;
    }
    .faq-container h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .faq-container h3 span {
        display: inline-block;
    }
    .faq-container .search-box {
        max-width: 290px;
    }
    .faq-detail li {
        padding: 20px 0 20px 55px;
    }
    .faq-detail a {
        display: block;
        margin-left: 0;
        margin-top: 15px;
    }

    
    .project-category {
        padding: 25px 0;
    }
    .project-category h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .category-box strong {
        margin-bottom: 20px;
    }
    .category-box {
        padding-bottom: 10px;
    }
    .category-box li {
        margin-bottom: 10px;
    }
    .project-list {
        padding: 0;
    }
    .project-list .detail {
        width: 100%;
        padding: 20px;
    }
    .project-list .detail h4 {
        font-size: 16px;
        line-height: 20px;
    }
    .project-list .detail ul {
        padding: 20px 0 10px 0;
    }
    .project-list .detail ul li {
        margin-bottom: 10px;
    }
    .project-list .detail::before {
        display: none;
    }
    .project-list figure {
        width: 100%;
    }
    .icon-design, .icon-manegement, .icon-delivery{
        height: auto;
        width: 23px;
    }
    .project-list .detail ul li a i{
        font-size:20px;
    }

   
    .project-category-1 {
        padding: 25px 0;
    }
    .project-category-1 h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .project-category-1 h3 span {
        display: inline-block;
    }
    .category-box-1 li {
        margin-bottom: 10px;
    }
    .project-list-1 figure {
        width: 100%;
    }
    .project-list-1 .detail {
        width: 100%;
        padding: 20px 15px;
    }
    #gallery-content-center{
        overflow:visibility !important;
    }

  
    .project-detail-container .upper-box .left-detail {
        width: 100%;
        padding-top: 25px;
    }
    .project-detail-container h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .project-detail-container h3 span {
        display: inline-block;
    }
    .project-detail-container .upper-box .right-detail {
        width: 100%;
        padding: 20px 0 0 0;
    }
    .project-detail-container .upper-box .right-detail li {
        padding-bottom: 15px;
    }
    .project-detail-container .upper-box .right-detail li a i{
        font-size:24px;
    }
    .project-detail-container .upper-box .right-detail li a span {
        font-size: 12px;
    }
    .about-project {
        margin: 25px 0 0;
    }
    .about-project .detail {
        position: static;
        width: 100%;
        padding: 20px 0 0;
    }
    .about-project .detail:before {
        display: none;
    }
    .about-project .detail li strong {
        font-size: 13px;
    }
    .about-project .detail li span {
        font-size: 14px;
    }
    .project-discription {
        padding-bottom: 25px;
    }
    .project-discription .feature-list li {
        width: 100%;
        margin-bottom: 15px;
    }
    .project-discription .right-content {
        padding-left: 0;
    }
    .project-discription .right-content .img-box li img,.project-discription .box,.project-discription .box.odd {
        width: 100%;
    }
    .project-discription .box,.project-discription .box.odd{
        margin-left:0;
        margin-right:0;
    }
    .project-discription .box {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .project-discription .right-content .bx-prev {
        font-size: 0;
        background-position: center center;
    }
    .project-discription .right-content .bx-next {
        font-size: 0;
        background-position: center center;
    }
    .pro-slider li {
        text-align: center;
    }
    .project-discription .bx-prev::before, .project-discription .bx-next::before {
        font-size: 20px;
    }
    .project-discription .bx-prev::before {
        left: 45%;
    }
    .project-discription .bx-next::before {
        right: 45%;
    }
    .project-discription .box strong{
        text-align:center;
    }
    .icon-goal,.icon-eco{
        display:block;
        margin-left:auto;
        margin-right:auto;
    }

    
    .project-list-2 {
        margin-left: 0;
        padding: 0;
    }
    .project-list-2 li {
        width: 100%;
        margin-left: 0;
        margin-bottom: 25px;
    }
    .our-team-container .bx-prev {
        left: -15px;
        top: 50%;
        margin: 0;
    }
    .our-team-container .bx-next {
        right: -15px;
        top: 50%;
        margin: 0;
    }
    .video-container .box strong,.info-aboutus .box strong{
        text-align:center;
    }
    .video-container .box i,.info-aboutus .box i{
        display:block;
        margin-left:auto;
        margin-right:auto;
    }
    #gallery-content-center {
        overflow: visible !important;
    }
    .other-project {
        overflow: hidden;
        padding-top: 50px;
    }
    #pageloader{
        display:none;
    }
    .breadcrumbs-box ul li:first-child{ margin-left:0;}
}

@media only screen and (max-width: 565px) {
    .our-info .img-list {
        margin-left: 0;
    }
    .our-info .img-list{
        margin-left:0;
    }
    .our-info .img-list li {
        width: 100%;
        text-align: center;
        margin: 0 0 15px 0;
        padding:0;

    }

   
    .other-project li {
        width: 100%;
        margin-bottom: 20px;
    }
    .other-project li > img {
        width: 100%;
    }
    #slider .img-slider .bx-viewport, #slider .img-slider .bx-viewport li, #slider .img-slider .bx-viewport img {
        height: 180px !important
    }

}

@media only screen and (min-width: 768px) and (max-width: 1200px) {

    .num {
        position: absolute;
        right: -48%;
        top: -76px;
    }
    .submenu {
        min-width: 140px;
    }



    .our-contact li:first-child {
        border: none;
        padding-left: 0;
    }


    
    .layer1 {
        top: 28.4% !important;
        left: 12% !important;
    }
    .layer2 {
        top: 36% !important;
        left: 12% !important;
    }
    .layer3 {
        top: 43% !important;
        left: 12% !important;
    }
    .layer4 {
        top: 51% !important;
        left: 12% !important;
    }
    .layer4 p {
        width: 85%;
    }
    .layer5 {
        top: 64% !important;
        left: 12% !important;
    }



   
    .blog-container-1 .blog-list article {
        padding: 40px;
    }
    .blog-container-1 .blog-list .detail {
        padding: 20px 20px 0 0;
    }

   
    .blog-container-2 .right-body .inner-content {
        padding-left: 0;
    }
    .blog-container-2 .right-body .post-list a {
        line-height: 16px;
    }
    .blog-container-2 .right-body .meta-list li a {
        margin-right: 4px;
    }
    .blog-container-2 .left-body .detail {
        padding: 20px;
    }

    
    .comment-box li .msg-detail {
        width: 78%;
    }

 
    .our-clients .box strong em {
        width: 80%;
    }

    
    .project-list .detail {
        padding: 20px;
    }
    .project-list .detail ul {
        padding: 10px 0;
    }
    .project-list .detail ul li {
        margin-right: 10px;
    }
    .project-list .detail ul li a i {
        margin-right: 5px;
    }
    .project-list .detail ul li a span {
        font-size: 11px;
    }
    .project-list p {
        line-height: 20px;
    }
    .project-list .view {
        margin-top: 10px;
    }
    .project-list .detail ul li a i{
        font-size:24px;
    }

  
    .service-container-3 {
        padding: 100px 0;
    }
    .service-container-3 .office-list {
        margin-left: -1%;
    }
    .service-container-3 .office-list li {
        width: 32%;
        margin-left: 1%;
    }

 
    .project-list-2 {
        margin-left: -2%;
    }
    .project-list-2 li {
        width: 48%;
        margin-left: 2%;
        margin-bottom: 25px;
    }

}

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

   
    .our-clients .box, .our-clients .box.last {
        width: 100%;
    }
   
    .info-container .our-images ul {
        width: 100%;
        float: none;
    }
    .info-container .our-images ul:first-child {
        padding-right: 0;
    }
    .info-container .our-images ul:last-child {
        padding-left: 0;
    }
    .our-partners ul li {
        width: 50%;
    }
    .our-work .bottom-row-2 a{
        width:100%;
    }

}