/*
 * Theme v1.0.0
 * Copyright 2015-2016 Theemon.com
 */


/*
 Table Of Contents
 1) Tablet and Desktop
 2) Desktop
 3) Tablet
 4) Mobile and Tablet
 5) Mobile
 ===============================================*/


/*
 1) Tablet and Desktop
 ----------------------------------------*/

@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%;
    }
}

@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%;
    }
}


/*
 2) Desktop
 ----------------------------------------*/

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

    /*theme-c header*/
    .theme-c .secondry-header .menu li {
        margin-right: 70px;
    }

    .theme-c .secondry-header .quote {
        position: absolute;
        top: -140px;
        right: 220px;
    }

    .theme-c .secondry-header .btn {
        position: absolute;
        top: -140px;
        right: 0;
    }

    /*Slider*/
    #slider .detail {
        margin-left: -123px;
    }

    .info-container .our-images ul {
        width: 40%;
    }

    .service-container .right-detail strong {
        font-size: 62px;
    }

    /*Theme-b slider section*/
    /*.theme-b .slide-detail{ top: 15%; left: 50px; }*/
    .theme-b .slide-detail .f-project {
        margin-bottom: 10px;
    }

    .theme-b .slide-detail h3 {
        padding-bottom: 5px;
    }

    .theme-b .slide-detail h4 {
        padding-bottom: 10px;
    }

    .theme-b .slide-detail p {
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .theme-b .slide-detail .quote {
        padding: 5px 30px;
    }

    .theme-b #slider .bx-prev {
        left: 10px;
    }

    .theme-b #slider .bx-next {
        right: 10px;
    }

    /*Theme-c slider section*/
    /*.theme-c .slide-detail{ top: 15%; left: 50px; }*/
    .theme-c .slide-detail .f-project {
        margin-bottom: 10px;
    }

    .theme-c .slide-detail h3 {
        padding-bottom: 5px;
    }

    .theme-c .slide-detail p {
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .theme-c .slide-detail .quote {
        padding: 5px 30px;
    }

    .theme-c #slider .bx-prev {
        left: 10px;
    }

    .theme-c #slider .bx-next {
        right: 10px;
    }

    /*Theme-e slider section*/
    .theme-e #slider .detail {
        top: auto;
        bottom: 40px;
        transform: translateY(0%);
        -webkit-transform: translateY(0%);
        height: auto;
    }

    .theme-e .menu li a {
        padding: 10px;
    }

    /*Service Info Section*/
    .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 section*/
    .our-project-container .bx-prev {
        left: 0;
    }

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

    /*projects-details content*/
    .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;
    }
}


/*
 3) Tablet
 ----------------------------------------*/

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

    /*Thema-a Header*/
    .quote {
        display: none;
    }

    .menu li {
        margin-left: 15px;
    }

    .navigation {
        margin-left: 0px;
    }

    .secondry-header .num {
        padding-left: 0;
        border: none;
    }

    #slider .detail {
        width: 545px;
    }

    /*Theme-b Header*/
    .theme-b .secondry-header .menu li {
        margin-right: 12px;
    }

    /*Theme-c Header*/
    .theme-c .secondry-header .menu li {
        margin-right: 36px;
    }

    .theme-c .secondry-header .quote {
        position: absolute;
        top: -140px;
        right: 220px;
    }

    .theme-c .secondry-header .btn {
        position: absolute;
        top: -140px;
        right: 0;
    }

    /*Thema-a Header*/
    .theme-d .quote {
        display: none;
    }

    .theme-d .menu li {
        margin-left: 15px;
    }

    .theme-d .navigation {
        margin-left: 0px;
    }

    .theme-d .secondry-header .num {
        padding-left: 0;
        border: none;
    }

    /*Thema-e Header*/
    .theme-e .secondry-header {
        padding: 0;
    }

    .theme-e .quote {
        display: none;
    }

    .theme-e .menu li a {
        font-size: 13px;
        padding: 10px;
    }

    .theme-e .navigation {
        margin-left: 0;
    }

    /*Theme-a slider section*/
    #slider .detail {
        margin-left: -233px;
        height: 257px;
    }

    .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;
    }

    /*Theme-b slider section*/
    .theme-b .slide-detail .f-project {
        margin-bottom: 10px;
    }

    .theme-b .slide-detail h3 {
        font-size: 20px;
        line-height: 22px;
        padding-bottom: 5px;
    }

    .theme-b .slide-detail h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .theme-b .slide-detail p {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 15px;
    }

    .theme-b .slide-detail .quote {
        padding: 5px 30px;
    }

    /*Theme-c slider section*/
    .theme-c .slide-detail .f-project {
        margin-bottom: 10px;
    }

    .theme-c .slide-detail h3 {
        font-size: 20px;
        line-height: 22px;
        padding-bottom: 5px;
    }

    .theme-c .slide-detail p {
        font-size: 14px;
        line-height: 1.2;
        margin-bottom: 0px;
    }

    .theme-c .slide-detail .quote {
        padding: 5px 30px;
    }

    .theme-c #slider .bx-prev {
        left: 10px;
    }

    .theme-c #slider .bx-next {
        right: 10px;
    }

    /*Theme-e slider section*/
    .theme-e #slider .detail {
        top: auto;
        bottom: 0;
        transform: translateY(0%);
        height: auto;
        -webkit-transform: translateY(0%);
    }

    .theme-e #slider .top-row .direction-arrrow {
        padding: 10px 0
    }

    .theme-e #slider .top-row>strong {
        padding: 15px 0;
    }

    .theme-e #slider .bottom-sec {
        padding: 15px 39px;
    }

    /*Info-container*/
    .info-container .our-quality li {
        font-size: 14px;
    }

    .info-container .our-images ul {
        width: 40%;
    }

    /*Service Info Section*/
    .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 Container Section*/
    #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;
    }

    /*our-project-container section*/
    .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 section*/
    .our-info .our-quality strong {
        font-size: 12px;
    }

    .our-info .img-list li {
        margin-bottom: 15px;
    }

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

    /*about-us content*/
    .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*/
    .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 content*/
    .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;
    }

    /*about-us-1 content*/
    .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-1 content*/
    .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;
    }

    /*blog-post content*/
    .comment-box {
        padding: 40px 0 20px 25px
    }

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

    /*clients content*/
    .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 Content*/
    .faq-container h3 {
        display: block;
    }

    .faq-container h3 span {
        display: inline-block;
    }

    .faq-detail li {
        padding: 28px 20px 28px 65px
    }

    /*project-1 content*/
    .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;
    }

    /*projects-details content*/
    .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;
    }
}


/*
 5) Mobile
 ----------------------------------------*/

@media only screen and (max-width: 767px) {
    .navbar-brand img {
        margin-top: -17px !important;
    }

    .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;
    }

    .menu li .submenu li a:hover {
        color: #fff !important;
    }

    #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;
    }

    /*Header Section*/
    .primary-header {
        display: none;
    }

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

    .secondry-header .container {
        position: relative;
    }

    .navigation {
        margin-left: 0;
        float: none;
        text-align: left;
        display: none;
    }

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

    .menu {
        display: block;
    }

    .menu li a {
        border-bottom: 2px solid transparent;
    }

    .menu li:hover a {
        color: #fff;
    }

    .menu li {
        float: none;
        width: 100%;
        margin-left: 0;
        padding: 0;
        display: block;
    }

    .menu li {
        margin-bottom: 8px;
    }

    .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: #f38929;
        margin-top: 20px;
    }

    .secondry-header .num {
        display: block;
        border: none;
        padding-left: 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;
    }

    .secondry-header {
        padding-bottom: 0;
    }

    /*Theme-b header*/
    .theme-b .menu-wrapper {
        margin-top: 0
    }

    .theme-b .navigation {
        display: none;
    }

    .theme-b .our-contact,
    .theme-b .right-header {
        display: none;
    }

    .theme-b #header .quote {
        display: none;
    }

    .theme-b .secondry-header .menu {
        margin-left: 0;
        width: 100%;
        padding-bottom: 10px;
    }

    .theme-b .secondry-header .menu li {
        display: block;
        margin-right: 0;
        margin-top: 10px;
    }

    .theme-b .secondry-header .menu li a {
        padding: 0;
    }

    .theme-b .menu li .submenu {
        position: static;
        width: 100%;
        display: none;
        background: none;
        padding: 0 10px;
    }

    .theme-b .menu li .submenu li a {
        border: none !important;
    }

    .theme-b .menu li .submenu li a:hover {
        color: #575757;
    }

    .theme-b .menu li:hover .submenu {
        display: block;
    }

    /*Theme-c header*/
    .theme-c .menu-wrapper {
        margin-top: 0
    }

    .theme-c .navigation {
        display: none;
    }

    .theme-c .our-contact,
    .theme-c .right-header {
        display: none;
    }

    .theme-c #header .quote,
    .theme-c #header .btn {
        display: none;
    }

    .theme-c .secondry-header .menu {
        margin-left: 0;
        width: 100%;
        padding-bottom: 10px;
    }

    .theme-c .secondry-header .menu li {
        display: block;
        margin-right: 0;
        margin-top: 10px;
    }

    .theme-c .secondry-header .menu li a {
        padding: 0;
    }

    .theme-c .menu li .submenu {
        position: static;
        width: 100%;
        display: none;
        background: none;
        padding: 0 10px;
    }

    .theme-c .menu li .submenu li a {
        border: none !important;
    }

    .theme-c .menu li .submenu li a:hover {
        color: #575757;
    }

    .theme-c .menu li:hover .submenu {
        display: block;
    }

    /*Theme-d header*/
    .theme-d .primary-header {
        display: none;
    }

    .theme-d .navigation {
        margin-left: 0;
        float: none;
        text-align: left;
        display: none;
    }

    .theme-d .menu {
        display: block;
    }

    .theme-d .menu li a {
        border-bottom: 2px solid transparent;
    }

    .theme-d .menu li:hover a {
        color: #fff;
    }

    .theme-d .menu li {
        float: none;
        width: 100%;
        margin-left: 0;
        padding: 0;
        display: block;
    }

    .theme-d .menu li {
        margin-bottom: 8px;
    }

    .menu-wrapper {
        background: #f38929;
        margin-top: 20px;
    }

    .theme-d .secondry-header .num {
        display: block;
        border: none;
        padding-left: 0;
    }

    .theme-d .menu li .submenu {
        position: static;
        width: 100%;
        display: none;
        background: none;
        padding: 0 10px;
    }

    .theme-d .menu li .submenu li a {
        border: none !important;
    }

    .theme-d .menu li .submenu li a:hover {
        color: #575757;
    }

    .theme-d .menu li:hover .submenu {
        display: block;
    }

    /*Theme-e header*/
    .theme-e #header {
        position: static;
    }

    .theme-e .primary-header {
        display: none;
    }

    .theme-e .navigation {
        margin-left: 0;
        float: none;
        text-align: left;
        display: none;
        margin-top: 10px;
    }

    .theme-e .menu {
        display: block;
    }

    .theme-e .menu li a {
        border-bottom: 2px solid transparent;
        padding: 0;
    }

    .theme-e .menu li:hover a {
        color: #fff;
        background: none;
    }

    .theme-e .menu li.active a {
        color: #fff;
        background: none;
    }

    .theme-e .menu li {
        float: none;
        width: 100%;
        margin-left: 0;
        padding: 0;
        display: block;
    }

    .theme-e .menu li {
        margin-bottom: 8px;
    }

    .menu-wrapper {
        background: #f38929;
        margin-top: 20px;
    }

    .theme-e .secondry-header .num {
        display: block;
        border: none;
        padding-left: 0;
    }

    .theme-e .menu li .submenu {
        position: static;
        width: 100%;
        display: none;
        background: none;
        padding: 0 10px;
    }

    .theme-e .menu li .submenu li {
        margin-top: 5px;
    }

    .theme-e .menu li .submenu li a {
        border: none !important;
        padding-bottom: 0;
    }

    .theme-e .menu li .submenu li a:hover {
        color: #575757;
    }

    .theme-e .menu li:hover .submenu {
        display: block;
    }

    /*theme-b slider content*/
    .theme-b .main-slider img {
        height: 300px;
    }

    .theme-b .slide-detail {
        top: 0;
        left: 0
    }

    .theme-b .slide-detail h3 {
        font-size: 13px;
        line-height: 17px;
    }

    .theme-b .slide-detail h4 {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .theme-b .slide-detail p {
        font-size: 13px;
        line-height: 1.2;
        margin-bottom: 20px;
    }

    .theme-b .layer4 p {
        width: 90%;
    }

    .theme-b .layer1 {
        top: 10% !important;
        left: 15px !important;
    }

    .theme-b .layer2 {
        top: 30% !important;
        left: 15px !important
    }

    .theme-b .layer3 {
        top: 40% !important;
        left: 15px !important
    }

    .theme-b .layer4 {
        top: 50% !important;
        left: 15px !important
    }

    .theme-b .layer5 {
        top: 78% !important;
        left: 15px !important
    }

    .theme-b .slide-info {
        position: static !important;
    }

    .theme-b .item-1 .slide-info,
    .theme-b .item-2 .slide-info,
    .theme-b .item-3 .slide-info {
        left: 0;
        top: 15px;
        width: 100%;
    }

    .tp-caption {
        position: absolute !important
    }

    .theme-b .slide-detail .f-project {
        margin-bottom: 5px
    }

    .theme-b .slide-detail h3 {
        padding-bottom: 0px;
    }

    .theme-b .slide-detail h4 {
        padding-bottom: 0px;
    }

    .theme-b .slide-detail p {
        margin-bottom: 5px;
    }

    .theme-b .quote {
        padding: 5px 15px;
    }

    .theme-b .tp-leftarrow.default {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        left: 0;
        top: 50% !important;
    }

    .theme-b .tp-rightarrow.default {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        right: 0;
        top: 50% !important;
    }

    /*theme-c slider content*/
    .theme-c .main-slider img {
        height: 250px;
    }

    .theme-c .slide-detail h3 {
        font-size: 12px;
        line-height: 17px;
    }

    .theme-c .slide-detail h4 {
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 10px;
    }

    .theme-c .slide-detail p {
        font-size: 13px;
        line-height: 1.2;
        margin-bottom: 0px;
    }

    .theme-c .layer1 {
        top: 10% !important;
        left: 10% !important;
    }

    .theme-c .layer2 {
        top: 28% !important;
        left: 10% !important;
    }

    .theme-c .layer3 {
        top: 37% !important;
        left: 10% !important;
    }

    .theme-c .layer4 {
        top: 40% !important;
        left: 10% !important;
    }

    .theme-c .layer4 p {
        width: 90%;
    }

    .theme-c .layer5 {
        top: 62% !important;
        left: 10% !important;
    }

    .theme-c .slide-info {
        position: static !important;
    }

    .theme-c .item-1 .slide-info,
    .theme-c .item-2 .slide-info,
    .theme-c .item-3 .slide-info {
        left: 0;
        top: 15px;
        width: 100%;
    }

    .tp-caption {
        position: absolute !important
    }

    .theme-c .btn {
        padding: 5px 15px;
    }

    .theme-c .tp-leftarrow.default {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        left: 0;
        top: 50% !important;
    }

    .theme-c .tp-rightarrow.default {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        right: 0;
        top: 50% !important;
    }

    /*Info Section*/
    .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 content*/
    .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 Section*/
    .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-Info-2 Section*/
    .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-Info-3 Section*/
    .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 Section*/
    .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;
    }

    /*testimonial Section*/
    .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*/
    .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;
    }

    /*partners Section*/
    .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 Section*/
    .quote-box {
        width: 100%;
        padding: 50px 0;
    }

    .quote-container .right-banner {
        display: none;
    }

    /*contact-us Section*/
    .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;
    }

    /*footer section*/
    .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 section*/
    .our-work {
        padding: 25px 0;
    }

    .our-work .box {
        margin-top: 20px;
    }

    .heading-row h2 {
        font-size: 15px;
        padding-right: 15px;
    }

    .our-work .box .detail,
    .our-work .box .img-box {
        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 {
        padding: 8px 0;
        border: none;
        margin: 0 10px 10px 0;
    }

    /*our-project-container section*/
    .our-project-container {
        padding: 12px 0;
    }

    .project-slider li .project-detail {
        position: static;
        width: 100%;
    }

    .project-detail .top-detail {
        padding: 25px 25px 5px;
    }

    .project-detail .top-detail h3 {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 10px;
    }

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

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

    .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 section*/
    .our-info {
        padding: 20px 0;
    }

    .our-info .our-quality strong {
        font-size: 10px;
    }

    .our-info .img-list {
        margin-top: 25px;
    }

    /*our-testimonial section*/
    .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 section*/
    .our-partner {
        padding: 20px 0;
    }

    .our-partner ul {
        margin-top: 20px;
    }

    .our-partner ul li {
        width: 50%;
    }

    /*our-quote-container section*/
    .our-quote-container {}

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

    .our-quote-container .right-banner {
        width: 100%;
    }

    /*about-us content*/
    .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);
    }

    /*about-us-1 content*/
    .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-1 content*/
    .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-2 content*/
    .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;
    }

    /*blog-post content*/
    .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;
    }

    /*clients content*/
    .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 content*/
    .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 Content*/
    .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 content*/
    .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-1 content*/
    .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;
    }

    /*projects-details content*/
    .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;
    }

    /*projects-2 content*/
    .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: 100%) {
    .our-info .img-list {
        margin-left: 0;
    }

    .our-info .img-list li {
        width: 100%;
        text-align: center;
        margin: 0 0 15px 0;
    }

    /*project-1 content*/
    .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*/
    }

    .slider-revolution {
        /*background:url(../images/banner1.jpg) repeat center top;*/
        position: relative;
        width: 100%;
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .num {
        position: absolute;
        right: -48%;
        top: -76px;
    }

    .submenu {
        min-width: 140px;
    }

    /*Theme-b content*/
    .theme-b .our-contact li {
        padding: 15px 30px;
    }

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

    .theme-b .right-header ul {
        padding: 15px 10px;
        margin-top: 98px;
    }

    /*theme-b slider*/
    .theme-b .layer1 {
        top: 28.4% !important;
        left: 12% !important;
    }

    .theme-b .layer2 {
        top: 36% !important;
        left: 12% !important;
    }

    .theme-b .layer3 {
        top: 43% !important;
        left: 12% !important;
    }

    .theme-b .layer4 {
        top: 51% !important;
        left: 12% !important;
    }

    .theme-b .layer4 p {
        width: 85%;
    }

    .theme-b .layer5 {
        top: 64% !important;
        left: 12% !important;
    }

    /*Theme-c content*/
    .theme-c .our-contact li {
        padding: 15px 30px;
    }

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

    .theme-c .right-header ul {
        padding: 15px 10px;
        margin-top: 98px;
    }

    /*theme-c slider*/
    .theme-c .layer1 {
        top: 28.4% !important;
        left: 12% !important;
    }

    .theme-c .layer2 {
        top: 36% !important;
        left: 12% !important;
    }

    .theme-c .layer3 {
        top: 43% !important;
        left: 12% !important;
    }

    .theme-c .layer4 {
        top: 51% !important;
        left: 12% !important;
    }

    .theme-c .layer4 p {
        width: 65%;
    }

    .theme-c .layer5 {
        top: 64% !important;
        left: 12% !important;
    }

    /*blog-1 content*/
    .blog-container-1 .blog-list article {
        padding: 40px;
    }

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

    /*blog-2 content*/
    .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;
    }

    /*blog-post content*/
    .comment-box li .msg-detail {
        width: 78%;
    }

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

    /*project content*/
    .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-Info-3 Section*/
    .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%;
    }

    /*projects-2 content*/
    .project-list-2 {
        margin-left: -2%;
    }

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



.desktop {
    display: block;
}
 
.mobile {
    display: none !important;
}

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

    /*clients content*/
    .our-clients .box,
    .our-clients .box.last {
        width: 100%;
    }

    .desktop {
        display: none !important;
    }

    
    .mobile {
        display: block !important;
    } 

    /*Info Container*/
    .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%;
    }
}

@media only screen and (max-width: 1024px) {
    .navbar-collapse {
        overflow-y: scroll;
        height: 300px;
    }

    .navbar-nav li.mega-menu-item:hover .mega-menu {
        display: contents;
    }

    .navbar-nav li .mega-menu img {
        display: none;
    }


    .navbar-nav li .mega-menu ul {
        width: 50% !important;
        float: none;
    }

}