@media (max-width: 319px){
    /******************************/
    /* Home */
    /******************************/
    header{
        z-index: 1000;
    }
    .menu{
        float: right;
    }
    .fixed-elements{
        top: 20px;
        z-index: 100;
    }
    .black-logo-label {
        height: 90px;
        width: 90px;
        background-size: 68px;
    }
    .sidebar-links{
        padding-left: 90px;
        padding-top: 0;
    }
    .slide-content{
        vertical-align: bottom;
    }
    .slide-title *{
        font-size: 32px;
    }
    .home .fp-slidesNav.bottom{
        left: 71px;
    }
    footer{
        z-index: 1500;
    }
    .footer-1 .row .col-sm-6:first-child{
        display: none;
    }
    .notable{
        margin-right: 0;
    }
    .notable li:first-child{
        margin-right: 160px;
    }
    .widget-text ul li{
        margin-right: 10px;
    }
    .footer-content{
        z-index: 9999;
        padding-bottom: 40px;
    }
}
@media (min-width: 320px) and (max-width: 374px) {
    /******************************/
    /* Home */
    /******************************/
    .sidenav{
        padding-top: 45px;
    }
    .menu{
        float: right;
    }
    .fixed-elements{
        top: 20px;
        z-index: 100;
    }
    .black-logo-label {
        height: 90px;
        width: 90px;
        background-size: 68px;
    }
    .sidebar-links{
        padding-left: 90px;
        padding-top: 0;
    }
    .slide-content{
        vertical-align: bottom;
    }
    .slide-title *{
        font-size: 32px;
    }
    .home .fp-slidesNav.bottom{
        left: 71px;
    }
    footer{
        z-index: 1500;
    }
    .footer-1 .row .col-sm-6:first-child{
        display: none;
    }
    .notable{
        margin-right: 0;
    }
    .notable li:first-child{
        margin-right: 160px;
    }
    .widget-text ul li{
        margin-right: 10px;
    }
    .footer-content{
        z-index: 9999;
        padding-bottom: 40px;
    }
    header nav .logo.logo-white {
        height: 50px;
    }
    #tlp-portfolio-isotope-button button {
        width: 100%;
        margin-left: 0 !important;
    }
    /******************************/
    /* Brands */
    /******************************/
    .brands-page-container{
        padding-top: 8px;
    }
    .page-banner{
        padding-left: 80px;
    }
    .page-banner span {
        font-size: 40px;
    }
    .brands-slogan span {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0;
    }
    .brands-slogan{
        padding-left: 84px;
    }
    .brands-single-img{
        padding-top: 5px;
    }
    .brands-single-img img{
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .brands-single-text {
        padding-top: 5px;
        height: 140px;
        overflow-y: scroll;
    }
    .brands-links {
        padding-top: 0;
        left: 10px;
        bottom: 125px;
    }
    .brands-links ul li{
        margin-right: 10px;
    }
    .brands .fp-slidesNav.bottom {
        bottom: 126px;
        left: 110px;
    }
    .brands .fp-slidesNav ul li {
        margin-right: 23px;
    }
    /******************************/
    /* Contact */
    /******************************/
    .contact-form-section{
        padding-top: 60px;
    }
    .contact-text{
        padding: 15px;
    }
    .contact-col-6-1st{
        padding-right: 0;
    }
    .contact-form-container{
        margin-right: 0;
        padding: 25px;
    }
    .contact-form-container .padding_right_50{
        padding-right: 15px;
    }
    .contact-form-container .padding_left_50{
        padding-left: 15px;
    }
    .metro-label{
        margin-right: 9px;
    }
    .quotation-section .padding_left_zero{
        padding-left: 15px;
    }
    .quote-text p br{
        display: none;
    }
    .quote-text {
        width: 260px;
        bottom: -45px;
        left: 30px !important;
    }
    .quotation-breadcrumb-container {
        min-height: 20px;
        display: block;
    }
    .quotation-breadcrumb {
        height: auto;
        display: block;
        vertical-align: unset;
    }
    .quotation-section {
        padding: 60px 0;
        padding-bottom: 150px;
    }
    .quotation-breadcrumb ul li:first-child{
        padding-left: 0;
    }
    .quotation-breadcrumb ul {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 235px;
    }
    .gallery_label{
        bottom: -95px;
    }
    .gallery_label a{
        padding: 10px 0;
        display: inline-block;
    }
    .gallery_label .padding_left_zero {
        padding-left: 15px;
    }
    .images-slider .owl-nav{
        background-color: transparent;
    }
    /******************************/
    /* Contact */
    /******************************/
    .about-page.how-we-work-page .quotation-section{
        padding-top: 120px;
    }
    .about-us-text *{
        font-size: 16px;
    }
    .inspirationBanner{
        height: 520px;
    }
    .about-us-carousel .inspiration-breadcrumbs{
        bottom: -170px;
        left: 32px;
    }
    .brands-links ul{
        width: 270px;
    }
    .about-us-map .padding_left_50{
        padding-left: 15px;
    }
    .about-us-map-detail .metro-team-box{
        height: 170px;
        margin-bottom: 0;
        padding: 21px 11px;
        right: 10px;
        top: 460px;
        width: 272px;
    }
    .about-us-map-detail .metro-team-box ul li{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .more-about-us-heading *{
        font-size: 36px;
    }
    .more-about-us .padding_right_25,.more-about-us .padding_left_25{
        padding: 0;
    }
    .more-about-us-gallery{
        margin-top: 15px;
    }
    .contact-us .fixed-elements {
        top: 20px;
    }
    /******************************/
    /* Metro Team */
    /******************************/
    .metro-team-page{
        padding-top: 60px;
    }
    .metro-team-box {
        height: auto;
        padding: 25px 15px;
    }
    .metro-team-box ul li{
        font-size: 12px;
    }
    /******************************/
    /* How we work  */
    /******************************/
    .how-we-work-page .quotation-section{
        padding-top: 120px;
    }
    .hww-content-one-img{
        height: 190px;
    }
    .how-we-work-text-section{
        padding-top: 0;
    }
    .how-we-work-quotation-text {
        width: 260px;
        left: 28px;
        right: 0;
    }
    .how-we-work-quotation-text p br{
        display: none;
    }
    /******************************/
    /* Materials */
    /******************************/
    .brands-catalog {
        padding-top: 40px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .material-box{
        height: 290px;
    }
    .third-slider{
        padding: 0 15px 0 1px;
        margin-top: 15px;
    }
    .hide-on-mobile{
        display: none;
    }
    .hide-on-desktop{
        display: block;
    }
    .materials-breadcrumb {
        height: 20px;
        margin-bottom: 15px;
    }
    .box .box-content{
        height: 65%;
    }
    .image-caption{
        padding-left: 15px;
        width: 100%;
        bottom: 68px;
    }
    .popup-breadcrumb{
        bottom: 135px;
        left: -30px;
    }
    /******************************/
    /* Inspiration */
    /******************************/
    .inspiration-page .brands-links{
        bottom: 15px;
    }
}
@media (min-width: 375px) and (max-width: 413px) {
    /******************************/
    /* Home */
    /******************************/
    .sidenav{
        padding-top: 5px;
    }
    .menu{
        float: right;
    }
    .fixed-elements{
        top: 20px;
        z-index: 100;
    }
    .black-logo-label {
        height: 90px;
        width: 90px;
        background-size: 68px;
    }
    .sidebar-links{
        padding-left: 40px;
        padding-top: 0;
    }
    .slide-content{
        vertical-align: bottom;
    }
    .slide-title *{
        font-size: 32px;
    }
    .home .fp-slidesNav.bottom{
        left: 71px;
    }
    footer{
        z-index: 1500;
    }
    .footer-1 .row .col-sm-6:first-child{
        display: none;
    }
    .notable{
        margin-right: 0;
    }
    .notable li:first-child{
        margin-right: 160px;
    }
    .widget-text ul li{
        margin-right: 10px;
    }
    .footer-content{
        z-index: 9999;
        padding-bottom: 40px;
    }
    header nav .logo.logo-white {
        height: 55px;
    }
    #tlp-portfolio-isotope-button button {
        width: 100%;
        margin-left: 0 !important;
    }
    /******************************/
    /* Brands */
    /******************************/
    .brands-page-container{
        padding-top: 8px;
    }
    .page-banner{
        padding-left: 80px;
    }
    .page-banner span {
        font-size: 40px;
    }
    .brands-slogan span {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0;
    }
    .brands-slogan{
        padding-left: 84px;
    }
    .brands-single-img img{
        width: 340px !important;
    }
    .brands-single-img{
        padding-top: 5px;
    }
    .brands-single-text {
        padding-top: 5px;
        height: 140px;
        overflow-y: scroll;
    }
    .brands-links {
        padding-top: 0;
        left: 10px;
        bottom: 125px;
    }
    .brands-links ul li{
        margin-right: 10px;
    }
    .brands .fp-slidesNav.bottom {
        bottom: 126px;
        left: 135px;
    }
    .brands .fp-slidesNav ul li {
        margin-right: 23px;
    }
    /******************************/
    /* Contact */
    /******************************/
    .contact-form-section{
        padding-top: 60px;
    }
    .contact-text{
        padding: 15px;
    }
    .contact-col-6-1st{
        padding-right: 0;
    }
    .contact-form-container{
        margin-right: 0;
        padding: 25px;
    }
    .contact-form-container .padding_right_50{
        padding-right: 15px;
    }
    .contact-form-container .padding_left_50{
        padding-left: 15px;
    }
    .metro-label{
        margin-right: 9px;
    }
    .quotation-section .padding_left_zero{
        padding-left: 15px;
    }
    .quote-text p br{
        display: none;
    }
    .quote-text {
        width: 315px;
        bottom: -45px;
        left: 30px !important;
    }
    .quotation-breadcrumb-container {
        min-height: 20px;
        display: block;
    }
    .quotation-breadcrumb {
        height: auto;
        display: block;
        vertical-align: unset;
    }
    .quotation-section {
        padding: 60px 0;
        padding-bottom: 150px;
    }
    .quotation-breadcrumb ul li:first-child{
        padding-left: 0;
    }
    .quotation-breadcrumb ul {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 235px;
    }
    .gallery_label{
        bottom: -95px;
    }
    .gallery_label a{
        padding: 10px 0;
        display: inline-block;
    }
    .gallery_label .padding_left_zero {
        padding-left: 15px;
    }
    .contact-us .fixed-elements {
        top: 20px;
    }
    /******************************/
    /* Contact */
    /******************************/
    .about-page.how-we-work-page .quotation-section{
        padding-top: 120px;
    }
    .about-us-text *{
        font-size: 16px;
    }
    .inspirationBanner{
        height: 575px;
    }
    .about-us-carousel .inspiration-breadcrumbs{
        bottom: -170px;
        left: 32px;
    }
    .brands-links ul{
        width: 270px;
    }
    .about-us-map .padding_left_50{
        padding-left: 15px;
    }
    .about-us-map-detail .metro-team-box{
        height: 170px;
        margin-bottom: 0;
        padding: 21px 11px;
        right: 10px;
        top: 460px;
        width: 272px;
    }
    .about-us-map-detail .metro-team-box ul li{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .more-about-us-heading *{
        font-size: 36px;
    }
    .more-about-us .padding_right_25,.more-about-us .padding_left_25{
        padding: 0;
    }
    .more-about-us-gallery{
        margin-top: 15px;
    }
    /******************************/
    /* Metro Team */
    /******************************/
    .metro-team-page{
        padding-top: 60px;
    }
    .metro-team-box {
        height: auto;
        padding: 25px 15px;
    }
    .metro-team-box ul li{
        font-size: 12px;
    }
    /******************************/
    /* How we work  */
    /******************************/
    .how-we-work-page .quotation-section{
        padding-top: 120px;
    }
    .hww-content-one-img{
        height: 190px;
    }
    .how-we-work-text-section{
        padding-top: 0;
    }
    /******************************/
    /* Materials */
    /******************************/
    .brands-catalog {
        padding-top: 40px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .material-box{
        height: 290px;
    }
    .third-slider{
        padding: 0 15px 0 1px;
        margin-top: 15px;
    }
    .hide-on-mobile{
        display: none;
    }
    .hide-on-desktop{
        display: block;
    }
    .materials-breadcrumb {
        height: 20px;
        margin-bottom: 15px;
    }
    .box .box-content{
        height: 65%;
    }
    .image-caption{
        padding-left: 15px;
        width: 100%;
        bottom: 68px;
    }
    .popup-breadcrumb{
        bottom: 135px;
        left: -30px;
    }
    .popup-footer ul li{
        margin-right: 61px;
    }
    .popup-footer ul li:last-child {
        margin-right: 40px;
    }
    .images-slider .owl-nav{
        background-color: transparent;
    }
    /******************************/
    /* Inspiration */
    /******************************/
    .inspiration-page .brands-links{
        bottom: 15px;
    }
}
@media (min-width: 414px) and (max-width: 479px) {
    /******************************/
    /* Home */
    /******************************/
    .sidenav{
        padding-top: 5px;
    }
    .menu{
        float: right;
    }
    .fixed-elements{
        top: 20px;
        z-index: 100;
    }
    .black-logo-label {
        height: 90px;
        width: 90px;
        background-size: 68px;
    }
    .sidebar-links{
        padding-left: 40px;
        padding-top: 0;
    }
    .slide-content{
        vertical-align: bottom;
    }
    .slide-title *{
        font-size: 32px;
    }
    .home .fp-slidesNav.bottom{
        left: 71px;
    }
    footer{
        z-index: 1500;
    }
    .footer-1 .row .col-sm-6:first-child{
        display: none;
    }
    .notable{
        margin-right: 0;
    }
    .notable li:first-child{
        margin-right: 160px;
    }
    .widget-text ul li{
        margin-right: 10px;
    }
    .footer-content{
        z-index: 9999;
        padding-bottom: 40px;
    }
    header nav .logo.logo-white {
        height: 55px;
    }
    #tlp-portfolio-isotope-button button {
        width: 100%;
        margin-left: 0 !important;
    }
    /******************************/
    /* Brands */
    /******************************/
    .brands-page-container{
        padding-top: 8px;
    }
    .page-banner{
        padding-left: 80px;
    }
    .page-banner span {
        font-size: 40px;
    }
    .brands-slogan span {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0;
    }
    .brands-slogan{
        padding-left: 84px;
    }
    .brands-single-img img{
        width: 230px;
    }
    .brands-single-img{
        padding-top: 5px;
    }
    .brands-single-text {
        padding-top: 5px;
        height: 140px;
        overflow-y: scroll;
    }
    .brands-links {
        padding-top: 0;
        left: 10px;
        bottom: 125px;
    }
    .brands-links ul li{
        margin-right: 10px;
    }
    .brands .fp-slidesNav.bottom {
        bottom: 126px;
        left: 135px;
    }
    .brands .fp-slidesNav ul li {
        margin-right: 23px;
    }
    /******************************/
    /* Contact */
    /******************************/
    .contact-form-section{
        padding-top: 60px;
    }
    .contact-text{
        padding: 15px;
    }
    .contact-col-6-1st{
        padding-right: 0;
    }
    .contact-form-container{
        margin-right: 0;
        padding: 25px;
    }
    .contact-form-container .padding_right_50{
        padding-right: 15px;
    }
    .contact-form-container .padding_left_50{
        padding-left: 15px;
    }
    .metro-label{
        margin-right: 9px;
    }
    .quotation-section .padding_left_zero{
        padding-left: 15px;
    }
    .quote-text p br{
        display: none;
    }
    .quote-text {
        width: 355px;
        bottom: -45px;
        left: 30px !important;
    }
    .quotation-breadcrumb-container {
        min-height: 20px;
        display: block;
    }
    .quotation-breadcrumb {
        height: auto;
        display: block;
        vertical-align: unset;
    }
    .quotation-section {
        padding: 60px 0;
        padding-bottom: 150px;
    }
    .quotation-breadcrumb ul li:first-child{
        padding-left: 0;
    }
    .quotation-breadcrumb ul {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 235px;
    }
    .gallery_label{
        bottom: -95px;
    }
    .gallery_label a{
        padding: 10px 0;
        display: inline-block;
    }
    .gallery_label .padding_left_zero {
        padding-left: 15px;
    }
    .how-we-work-quotation-text {
        left: 60px;
    }
    /******************************/
    /* Contact */
    /******************************/
    .about-page.how-we-work-page .quotation-section{
        padding-top: 120px;
    }
    .about-us-text *{
        font-size: 16px;
    }
    .inspirationBanner{
        height: 560px;
    }
    .about-us-carousel .inspiration-breadcrumbs{
        bottom: -170px;
        left: 32px;
    }
    .brands-links ul{
        width: 270px;
    }
    .about-us-map .padding_left_50{
        padding-left: 15px;
    }
    .about-us-map-detail .metro-team-box{
        height: 170px;
        margin-bottom: 0;
        padding: 21px 11px;
        right: 10px;
        top: 460px;
        width: 272px;
    }
    .about-us-map-detail .metro-team-box ul li{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .more-about-us-heading *{
        font-size: 36px;
    }
    .more-about-us .padding_right_25,.more-about-us .padding_left_25{
        padding: 0;
    }
    .more-about-us-gallery{
        margin-top: 15px;
    }
    .contact-us .fixed-elements {
        top: 20px;
    }
    /******************************/
    /* Metro Team */
    /******************************/
    .metro-team-page{
        padding-top: 60px;
    }
    .metro-team-box {
        height: auto;
        padding: 25px 15px;
    }
    .metro-team-box ul li{
        font-size: 12px;
    }
    /******************************/
    /* How we work  */
    /******************************/
    .how-we-work-page .quotation-section{
        padding-top: 120px;
    }
    .hww-content-one-img{
        height: 190px;
    }
    .how-we-work-text-section{
        padding-top: 0;
    }
    /******************************/
    /* Materials */
    /******************************/
    .brands-catalog {
        padding-top: 40px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .material-box{
        height: 290px;
        width: 100%;
    }
    .third-slider{
        padding: 0 15px 0 1px;
        margin-top: 15px;
    }
    .hide-on-mobile{
        display: none;
    }
    .hide-on-desktop{
        display: block;
    }
    .materials-breadcrumb {
        height: 20px;
        margin-bottom: 15px;
    }
    .box .box-content{
        height: 83%;
    }
    .second-slider .box .box-content{
        height: 68%;
    }
    .image-caption{
        padding-left: 15px;
        width: 100%;
        bottom: 68px;
    }
    .popup-breadcrumb{
        bottom: 135px;
        left: -30px;
    }
    .popup-footer ul li{
        margin-right: 61px;
    }
    .popup-footer ul li:last-child {
        margin-right: 40px;
    }
    /******************************/
    /* Inspiration */
    /******************************/
    .inspiration-page .brands-links{
        bottom: 15px;
    }
    .images-slider .owl-nav{
        background-color: transparent;
    }
}
@media (min-width:480px) and (max-width:567px) {
    /******************************/
    /* Home */
    /******************************/
    .sidenav{
        padding-top: 5px;
    }
    .menu{
        float: right;
    }
    .fixed-elements{
        top: 20px;
        z-index: 100;
    }
    .black-logo-label {
        height: 90px;
        width: 90px;
        background-size: 68px;
    }
    .sidebar-links{
        padding-left: 40px;
        padding-top: 0;
    }
    .slide-content{
        vertical-align: bottom;
    }
    .slide-title *{
        font-size: 32px;
    }
    .home .fp-slidesNav.bottom{
        left: 71px;
    }
    footer{
        z-index: 1500;
    }
    .footer-1 .row .col-sm-6:first-child{
        display: none;
    }
    .notable{
        margin-right: 0;
    }
    .notable li:first-child{
        margin-right: 160px;
    }
    .widget-text ul li{
        margin-right: 10px;
    }
    .footer-content{
        z-index: 9999;
        padding-bottom: 40px;
    }
    header nav .logo.logo-white {
        height: 55px;
    }
    #tlp-portfolio-isotope-button button {
        width: 100%;
        margin-left: 0 !important;
    }
    /******************************/
    /* Brands */
    /******************************/
    .brands-page-container{
        padding-top: 8px;
    }
    .page-banner{
        padding-left: 80px;
    }
    .page-banner span {
        font-size: 40px;
    }
    .brands-slogan span {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0;
    }
    .brands-slogan{
        padding-left: 84px;
    }
    .brands-single-img img{
        width: 230px;
    }
    .brands-single-img{
        padding-top: 5px;
    }
    .brands-single-text {
        padding-top: 5px;
        height: 140px;
        overflow-y: scroll;
    }
    .brands-links {
        padding-top: 0;
        left: 10px;
        bottom: 125px;
    }
    .brands-links ul li{
        margin-right: 10px;
    }
    .brands .fp-slidesNav.bottom {
        bottom: 126px;
        left: 135px;
    }
    .brands .fp-slidesNav ul li {
        margin-right: 23px;
    }
    /******************************/
    /* Contact */
    /******************************/
    .contact-form-section{
        padding-top: 60px;
    }
    .contact-text{
        padding: 15px;
    }
    .contact-col-6-1st{
        padding-right: 0;
    }
    .contact-form-container{
        margin-right: 0;
        padding: 25px;
    }
    .contact-form-container .padding_right_50{
        padding-right: 15px;
    }
    .contact-form-container .padding_left_50{
        padding-left: 15px;
    }
    .metro-label{
        margin-right: 15px;
    }
    .quotation-section .padding_left_zero{
        padding-left: 15px;
    }
    .quote-text p br{
        display: none;
    }
    .quote-text {
        width: 355px;
        bottom: -45px;
        left: 30px !important;
    }
    .quotation-breadcrumb-container {
        min-height: 20px;
        display: block;
    }
    .quotation-breadcrumb {
        height: auto;
        display: block;
        vertical-align: unset;
    }
    .quotation-section {
        padding: 60px 0;
        padding-bottom: 150px;
    }
    .quotation-breadcrumb ul li:first-child{
        padding-left: 0;
    }
    .quotation-breadcrumb ul {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 235px;
    }
    .gallery_label{
        bottom: -95px;
    }
    .gallery_label a{
        padding: 10px 0;
        display: inline-block;
    }
    .gallery_label .padding_left_zero {
        padding-left: 15px;
    }
    .how-we-work-quotation-text {
        left: 60px;
    }
    /******************************/
    /* Contact */
    /******************************/
    .about-page.how-we-work-page .quotation-section{
        padding-top: 120px;
    }
    .about-us-text *{
        font-size: 16px;
    }
    .inspirationBanner{
        height: 560px;
    }
    .about-us-carousel .inspiration-breadcrumbs{
        bottom: -170px;
        left: 32px;
    }
    .brands-links ul{
        width: 270px;
    }
    .about-us-map .padding_left_50{
        padding-left: 15px;
    }
    .about-us-map-detail .metro-team-box{
        height: 170px;
        margin-bottom: 0;
        padding: 21px 11px;
        right: 10px;
        top: 460px;
        width: 272px;
    }
    .about-us-map-detail .metro-team-box ul li{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .more-about-us-heading *{
        font-size: 36px;
    }
    .more-about-us .padding_right_25,.more-about-us .padding_left_25{
        padding: 0;
    }
    .more-about-us-gallery{
        margin-top: 15px;
    }
    .contact-us .fixed-elements {
        top: 20px;
    }
    /******************************/
    /* Metro Team */
    /******************************/
    .metro-team-page{
        padding-top: 60px;
    }
    .metro-team-box {
        height: auto;
        padding: 25px 15px;
    }
    .metro-team-box ul li{
        font-size: 12px;
    }
    /******************************/
    /* How we work  */
    /******************************/
    .how-we-work-page .quotation-section{
        padding-top: 120px;
    }
    .hww-content-one-img{
        height: 190px;
    }
    .how-we-work-text-section{
        padding-top: 0;
    }
    /******************************/
    /* Materials */
    /******************************/
    .brands-catalog {
        padding-top: 40px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .material-box{
        height: 290px;
        width: 100%;
    }
    .third-slider{
        padding: 0 15px 0 1px;
        margin-top: 15px;
    }
    .hide-on-mobile{
        display: none;
    }
    .hide-on-desktop{
        display: block;
    }
    .materials-breadcrumb {
        height: 20px;
        margin-bottom: 15px;
    }
    .box .box-content{
        height: 83%;
    }
    .second-slider .box .box-content{
        height: 71%;
    }
    .image-caption{
        padding-left: 15px;
        width: 100%;
        bottom: 68px;
    }
    .popup-breadcrumb{
        bottom: 135px;
        left: -30px;
    }
    .popup-footer{
        width: 330px;
    }
    .popup-footer ul li{
        margin-right: 135px;
    }
    .popup-footer ul li:last-child {
        margin-right: 75px;
    }
    /******************************/
    /* Inspiration */
    /******************************/
    .inspiration-page .brands-links{
        bottom: 15px;
    }
    .images-slider .owl-nav{
        background-color: transparent;
    }
}
@media (min-width:568px) and (max-width:684px) {
    /******************************/
    /* Home */
    /******************************/
    .sidenav{
        padding-top: 5px;
    }
    .menu{
        float: right;
    }
    .fixed-elements{
        top: 20px;
        z-index: 100;
    }
    .black-logo-label {
        height: 90px;
        width: 90px;
        background-size: 68px;
    }
    .sidebar-links{
        padding-left: 40px;
        padding-top: 25px;
    }
    .slide-content{
        vertical-align: bottom;
    }
    .slide-title *{
        font-size: 42px;
    }
    .home .fp-slidesNav.bottom{
        left: 71px;
    }
    footer{
        z-index: 1500;
    }
    .footer-1 .row .col-sm-6:first-child{
        display: none;
    }
    .notable{
        margin-right: 0;
    }
    .notable li:first-child{
        margin-right: 160px;
    }
    .widget-text ul li{
        margin-right: 10px;
    }
    .footer-content{
        z-index: 9999;
        padding-bottom: 40px;
    }
    header nav .logo.logo-white {
        height: 55px;
    }
    #tlp-portfolio-isotope-button button {
        width: 100%;
        margin-left: 0 !important;
    }
    /******************************/
    /* Brands */
    /******************************/
    .brands-page-container{
        padding-top: 8px;
    }
    .page-banner{
        padding-left: 80px;
    }
    .page-banner span {
        font-size: 40px;
    }
    .brands-slogan span {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0;
    }
    .brands-slogan{
        padding-left: 84px;
    }
    .brands-single-img img{
        width: 230px;
    }
    .brands-single-img{
        padding-top: 5px;
    }
    .brands-single-text {
        padding-top: 5px;
        height: 140px;
        overflow-y: scroll;
    }
    .brands-links {
        padding-top: 0;
        left: 10px;
        bottom: 125px;
    }
    .brands-links ul li{
        margin-right: 10px;
    }
    .brands .fp-slidesNav.bottom {
        bottom: 126px;
        left: 135px;
    }
    .brands .fp-slidesNav ul li {
        margin-right: 23px;
    }
    /******************************/
    /* Contact */
    /******************************/
    .contact-form-section{
        padding-top: 60px;
    }
    .contact-text{
        padding: 15px;
    }
    .contact-col-6-1st{
        padding-right: 0;
    }
    .contact-form-container{
        margin-right: 0;
        padding: 25px;
    }
    .contact-form-container .padding_right_50{
        padding-right: 15px;
    }
    .contact-form-container .padding_left_50{
        padding-left: 15px;
    }
    .metro-label{
        margin-right: 15px;
    }
    .quotation-section .padding_left_zero{
        padding-left: 15px;
    }
    .quote-text p br{
        display: none;
    }
    .quote-text {
        width: 355px;
        bottom: -45px;
        left: 30px !important;
    }
    .quotation-breadcrumb-container {
        min-height: 20px;
        display: block;
    }
    .quotation-breadcrumb {
        height: auto;
        display: block;
        vertical-align: unset;
    }
    .quotation-section {
        padding: 60px 0;
        padding-bottom: 150px;
    }
    .quotation-breadcrumb ul li:first-child{
        padding-left: 0;
    }
    .quotation-breadcrumb ul {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 235px;
    }
    .gallery_label{
        bottom: -95px;
    }
    .gallery_label a{
        padding: 10px 0;
        display: inline-block;
    }
    .gallery_label .padding_left_zero {
        padding-left: 15px;
    }
    .how-we-work-quotation-text {
        left: 60px;
    }
    /******************************/
    /* Contact */
    /******************************/
    .about-page.how-we-work-page .quotation-section{
        padding-top: 120px;
    }
    .about-us-text *{
        font-size: 16px;
    }
    .inspirationBanner{
        height: 560px;
    }
    .about-us-carousel .inspiration-breadcrumbs{
        bottom: -170px;
        left: 32px;
    }
    .brands-links ul{
        width: 270px;
    }
    .about-us-map .padding_left_50{
        padding-left: 15px;
    }
    .about-us-map-detail .metro-team-box{
        height: 211px;
        margin-bottom: 0;
        padding: 35px 40px;
        right: 10px;
        top: 430px;
        width: 350px;
    }
    .about-us-map-detail .metro-team-box ul li{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .more-about-us-heading *{
        font-size: 36px;
    }
    .more-about-us .padding_right_25,.more-about-us .padding_left_25{
        padding: 0;
    }
    .more-about-us-gallery{
        margin-top: 15px;
    }
    .contact-us .fixed-elements {
        top: 20px;
    }
    /******************************/
    /* Metro Team */
    /******************************/
    .metro-team-page{
        padding-top: 60px;
    }
    .metro-team-box {
        height: auto;
        padding: 100px 90px;
    }
    .metro-team-box ul li{
        font-size: 16px;
    }
    /******************************/
    /* How we work  */
    /******************************/
    .how-we-work-page .quotation-section{
        padding-top: 120px;
    }
    .hww-content-one-img{
        height: 355px;
    }
    .how-we-work-text-section{
        padding-top: 0;
    }
    /******************************/
    /* Materials */
    /******************************/
    .brands-catalog {
        padding-top: 40px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .material-box{
        height: 290px;
        width: 100%;
    }
    .third-slider{
        padding: 0 15px 0 1px;
        margin-top: 15px;
    }
    .hide-on-mobile{
        display: none;
    }
    .hide-on-desktop{
        display: block;
    }
    .materials-breadcrumb {
        height: 20px;
        margin-bottom: 15px;
    }
    .box .box-content{
        height: 83%;
    }
    .second-slider .box .box-content{
        height: 71%;
    }
    .image-caption{
        padding-left: 15px;
        width: 100%;
        bottom: 68px;
    }
    .popup-breadcrumb{
        bottom: 135px;
        left: -30px;
    }
    .popup-footer{
        width: 420px;
    }
    .popup-footer ul li{
        margin-right: 190px;
    }
    .popup-footer ul li:last-child {
        margin-right: 115px;
    }
    /******************************/
    /* Inspiration */
    /******************************/
    .inspiration-page .brands-links{
        bottom: 15px;
    }
    .images-slider .owl-nav{
        background-color: transparent;
    }
}
@media (min-width:685px) and (max-width:767px) {
    /******************************/
    /* Home */
    /******************************/
    .sidenav{
        padding-top: 5px;
    }
    .menu{
        float: right;
    }
    .fixed-elements{
        top: 20px;
        z-index: 100;
    }
    .black-logo-label {
        height: 90px;
        width: 90px;
        background-size: 68px;
    }
    .sidebar-links{
        padding-left: 40px;
        padding-top: 25px;
    }
    .slide-content{
        vertical-align: bottom;
    }
    .slide-title *{
        font-size: 63px;
    }
    .home .fp-slidesNav.bottom{
        left: 71px;
    }
    footer{
        z-index: 1500;
    }
    .footer-1 .row .col-sm-6:first-child{
        display: none;
    }
    .notable{
        margin-right: 0;
    }
    .notable li:first-child{
        margin-right: 160px;
    }
    .widget-text ul li{
        margin-right: 10px;
    }
    .footer-content{
        z-index: 9999;
        padding-bottom: 40px;
    }
    header nav .logo.logo-white {
        height: 55px;
    }
    /******************************/
    /* Brands */
    /******************************/
    .brands-page-container{
        padding-top: 8px;
    }
    .page-banner{
        padding-left: 80px;
    }
    .page-banner span {
        font-size: 40px;
    }
    .brands-slogan span {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 0;
    }
    .brands-slogan{
        padding-left: 84px;
    }
    .brands-single-img img{
        width: 230px;
    }
    .brands-single-img{
        padding-top: 5px;
    }
    .brands-single-text {
        padding-top: 5px;
        height: 140px;
        overflow-y: scroll;
    }
    .brands-links {
        padding-top: 0;
        left: 10px;
        bottom: 125px;
    }
    .brands-links ul li{
        margin-right: 10px;
    }
    .brands .fp-slidesNav.bottom {
        bottom: 126px;
        left: 135px;
    }
    .brands .fp-slidesNav ul li {
        margin-right: 23px;
    }
    /******************************/
    /* Contact */
    /******************************/
    .contact-form-section{
        padding-top: 60px;
    }
    .contact-text{
        padding: 15px;
    }
    .contact-col-6-1st{
        padding-right: 0;
    }
    .contact-form-container{
        margin-right: 0;
        padding: 25px;
    }
    .contact-form-container .padding_right_50{
        padding-right: 15px;
    }
    .contact-form-container .padding_left_50{
        padding-left: 15px;
    }
    .metro-label{
        margin-right: 15px;
    }
    .quotation-section .padding_left_zero{
        padding-left: 15px;
    }
    .quote-text p br{
        display: none;
    }
    .quote-text {
        width: 355px;
        bottom: -45px;
        left: 30px !important;
    }
    .quotation-breadcrumb-container {
        min-height: 20px;
        display: block;
    }
    .quotation-breadcrumb {
        height: auto;
        display: block;
        vertical-align: unset;
    }
    .quotation-section {
        padding: 60px 0;
        padding-bottom: 150px;
    }
    .quotation-breadcrumb ul li:first-child{
        padding-left: 0;
    }
    .quotation-breadcrumb ul {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        width: 235px;
    }
    .gallery_label{
        bottom: -95px;
    }
    .gallery_label a{
        padding: 10px 0;
        display: inline-block;
    }
    .gallery_label .padding_left_zero {
        padding-left: 15px;
    }
    .how-we-work-quotation-text {
        left: 60px;
    }
    /******************************/
    /* Contact */
    /******************************/
    .about-page.how-we-work-page .quotation-section{
        padding-top: 120px;
    }
    .about-us-text *{
        font-size: 16px;
    }
    .inspirationBanner{
        height: 560px;
    }
    .about-us-carousel .inspiration-breadcrumbs{
        bottom: -170px;
        left: 32px;
    }
    .brands-links ul{
        width: 270px;
    }
    .about-us-map .padding_left_50{
        padding-left: 15px;
    }
    .about-us-map-detail .metro-team-box{
        height: 211px;
        margin-bottom: 0;
        padding: 35px 40px;
        right: 10px;
        top: 430px;
        width: 350px;
    }
    .about-us-map-detail .metro-team-box ul li{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .more-about-us-heading *{
        font-size: 36px;
    }
    .more-about-us .padding_right_25,.more-about-us .padding_left_25{
        padding: 0;
    }
    .more-about-us-gallery{
        margin-top: 15px;
    }
    .contact-us .fixed-elements {
        top: 20px;
    }
    /******************************/
    /* Metro Team */
    /******************************/
    .metro-team-page{
        padding-top: 60px;
    }
    .metro-team-box {
        height: auto;
        padding: 100px 90px;
    }
    .metro-team-box ul li{
        font-size: 18px;
    }
    /******************************/
    /* How we work  */
    /******************************/
    .how-we-work-page .quotation-section{
        padding-top: 120px;
    }
    .hww-content-one-img{
        height: 355px;
    }
    .how-we-work-text-section{
        padding-top: 0;
    }
    /******************************/
    /* Materials */
    /******************************/
    .brands-catalog {
        padding-top: 40px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .material-box{
        height: 290px;
        width: 100%;
    }
    .third-slider{
        padding: 0 15px 0 1px;
        margin-top: 15px;
    }
    .hide-on-mobile{
        display: none;
    }
    .hide-on-desktop{
        display: block;
    }
    .materials-breadcrumb {
        height: 20px;
        margin-bottom: 15px;
    }
    .box .box-content{
        height: 83%;
    }
    .second-slider .box .box-content{
        height: 71%;
    }
    .image-caption{
        padding-left: 15px;
        width: 100%;
        bottom: 68px;
    }
    .popup-breadcrumb{
        bottom: 135px;
        left: -30px;
    }
    .popup-footer{
        width:530px;
    }
    .popup-footer ul li{
        margin-right: 200px;
    }
    .popup-footer ul li:last-child {
        margin-right: 182px;
    }
    /******************************/
    /* Inspiration */
    /******************************/
    .inspiration-page .brands-links{
        bottom: 15px;
    }
    .images-slider .owl-nav{
        background-color: transparent;
    }
}
@media (min-width:768px) and (max-width:991px) {
    /******************************/
    /* Header */
    /******************************/
    .black-logo-label {
        height: 110px;
        width: 110px;
        background-size: 90px;
    }
    .fixed-elements{
        top: 70px;
    }
    /******************************/
    /* Materials */
    /******************************/
    .gallery_label a{
        display: inline-block;
        width: 100%;
        height: 100%;
        margin-left: -15px !important;
    }
    /******************************/
    /* Brands */
    /******************************/
    .page-banner {
        padding-left: 95px;
    }
    .page-banner span{
        font-size: 66px;
    }
    .brands-slogan{
        margin-left: -25px;
    }
    .brands-single-img{
        padding-top: 0;
    }
    .brands-single-img img{
        height: 90px;
        width: auto !important;
    }
    .brands-single-text br{
        display: none;
    }
    .brands-single-text{
        height: 120px;
        overflow-y: scroll;
    }
    .brands-links {
        bottom: 120px;
        left: 140px;
    }
    /******************************/
    /* About Us */
    /******************************/
    .about-us-map-detail .metro-team-box ul li {
        font-size: 16px;
    }
    .about-us-map-detail .metro-team-box {
        height: 220px;
        padding: 30px 40px;
        right: -120px;
        top: 396px;
    }
    .more-about-us-gallery{
        padding: 0;
    }
    .metro-team-container{
        padding: 0;
    }
    .metro-team-box {
        padding: 90px 25px;
    }
    .metro-team-box ul li {
        font-size: 14px;
    }
    /******************************/
    /* Contact Us */
    /******************************/
    .contact-us .fixed-elements {
        top: 20px;
    }
    .metro-label-more-margin {
        margin-right: 10px;
    }
    .metro-label {
        margin-right: -2px;
    }
}
@media (min-width:992px) and (max-width:1023px) {
    /******************************/
    /* Header */
    /******************************/
    .black-logo-label {
        height: 110px;
        width: 110px;
        background-size: 90px;
    }
    .fixed-elements{
        top: 70px;
    }
    /******************************/
    /* Materials */
    /******************************/
    .gallery_label a{
        display: inline-block;
        width: 100%;
        height: 100%;
        margin-left: -15px !important;
    }
    /******************************/
    /* Brands */
    /******************************/
    .page-banner {
        padding-left: 95px;
    }
    .page-banner span{
        font-size: 66px;
    }
    .brands-slogan{
        margin-left: -25px;
    }
    .brands-single-img{
        padding-top: 0;
    }
    .brands-single-img img{
        height: 90px;
        width: auto !important;
    }
    .brands-single-text br{
        display: none;
    }
    .brands-links {
        bottom: 120px;
        left: 140px;
    }
    /******************************/
    /* About Us */
    /******************************/
    .about-us-map-detail .metro-team-box ul li {
        font-size: 16px;
    }
    .about-us-map-detail .metro-team-box {
        height: 220px;
        padding: 30px 40px;
        right: -120px;
        top: 396px;
    }
    .more-about-us-gallery{
        padding: 0;
    }
    .metro-team-container{
        padding: 0;
    }
    .metro-team-box ul li {
        font-size: 14px;
    }
    /******************************/
    /* Contact Us */
    /******************************/
    .contact-us .fixed-elements {
        top: 20px;
    }
    .metro-label-more-margin {
        margin-right: 10px;
    }
    .metro-label {
        margin-right: -2px;
    }
}
@media (min-width:1024px) and (max-width:1100px) {
    /******************************/
    /* About US */
    /******************************/
    .metro-team-box ul li{
        font-size: 16px;
    }
    .metro-team-box {
        padding: 90px 50px;
    }
}
@media (min-width:1400px) and (max-width:2200px) {
    /******************************/
    /* Home */
    /******************************/
}
@media screen and (min-width: 1281px) and (max-width: 1600px) {
    /******************************/
    /* Home */
    /******************************/
}
@media screen and (min-width: 1601px) and (max-width: 1920px) {
    /******************************/
    /* Home */
    /******************************/
    .page-banner {
        padding-left: 295px;
    }
    .sidenav .closebtn {
        right: 85px;
    }
}
@media screen and (min-width: 1921px) and (max-width: 2500px) {
    /******************************/
    /* Home */
    /******************************/
    .page-banner {
        padding-left: 332px;
    }
    .sidenav .closebtn {
        right: 110px;
    }
}
@media screen and (min-width: 2501px) and (max-width: 3000px) {
    /******************************/
    /* Home */
    /******************************/
    .page-banner {
        padding-left: 295px;
    }
    .sidenav .closebtn {
        right: 85px;
    }
}
@media (min-width: 320px) and (max-width: 767px){
    section{
        max-width: 100%;
    }
    .video-banner-heading h1{
        font-size: 48px;
    }
    .intro_video{
        min-height: 500px !important;
    }
    .heading-small *{
        font-size: 28px;
    }
    .home-about-us-content p{
        font-size: 18px;
    }
    .home-about-us-content{
        min-height: unset;
    }
    .section-heading h1 {
        font-size: 26px;
        margin-top: 10px;
    }
    .gallery_product{
        width: 100%;
    }
    .isotopes-control-btns li {
        display: block;
        background-color: #383c50;
        margin-bottom: 10px;
    }
    .isotopes-control-btns li a {
        color: #fff;
        border-color: #fff;
        display: inline-block;
    }
    .isotopes-control-btns li a:hover, .isotopes-control-btns li a:focus, .isotopes-control-btns li a:active{
        color: #fff;
        border-color: #fff;
    }
    .service-box{
        margin-top: 0;
        margin-bottom: 20px;
    }
    .service-section .row{
        margin-top: -245px;
    }
    .service-section .empty-space_130{
        display: none;
    }
    header nav .navbar-brand{
        padding: 0 15px;
    }
    header .affix {
        width: 96.6%;
    }
    header{
        z-index: 9999;
    }
    header nav.affix-top .navbar-collapse{
        background-color: #fff;
    }
    header nav.affix-top .navigation-nav > li > a {
        color: #000;
    }
    .quotation-breadcrumb{
        padding: 15px;
    }
    .quotation-breadcrumb ul {
        margin-left: 0 !important;
    }
    footer .col-sm-3 {
        display: inline-block;
        float: left;
        width: 100%;
        margin-bottom: 29px;
    }
    .panel-group {
        -webkit-backface-visibility: unset;
        -webkit-transform: unset;
        -webkit-transform-origin: unset;
        -moz-transform: unset;
        -moz-transform-origin: unset;
        -o-transform: unset;
        -o-transform-origin: unset;
        transform: unset;
        transform-origin: unset;
        width: 100%;
        height: 100%
    }
    .panel-group img {
        -webkit-backface-visibility: unset;
        -webkit-transform: unset;
        -webkit-transform-origin: unset;
        -moz-transform: unset;
        -moz-transform-origin: unset;
        -o-transform: unset;
        -o-transform-origin: unset;
        transform: unset;
        transform-origin: unset;
        height: auto;
        width: 100%;
    }
    .panel-body{
        height: 100% !important;
        width: 100%;
        display: inline-block;
    }
    .panel-text-card{
        transform: unset;
        position: static;
        margin-top: 0;
        margin-left: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    .panel-image-card{
        position: static;
        margin: 0;
        right: unset;
        left: unset;
        width: 100%;
        height: 100%;
    }
    .panel-image-card img{
         margin-left: 0 !important;
         margin-top: 0 !important;
        position: static !important;
    }
    .home-accord{
        width: 100%;
        height: 100%;
        display: inline-block;
        margin-left: 0 !important;
    }
    .page-template-about .content {
        height: auto;
        width: 100%;
    }
    .panel-heading{
        width: 100%;
    }
    .panel-title a{
        padding: 0;
        margin: 0;
    }
    .about-us-map-detail .metro-team-box{
        left: 10px;
    }
    header nav.affix-top .navigation-nav > li.current-menu-item > a {
        color: #000 !important;
    }
    .navbar-nav.navigation-nav{
        display: none;
    }
    .mobile-nav{
        display: block;
        height: 410px;
        overflow: scroll;
    }
}
@media (min-width: 768px) and (max-width: 992px){
    .quote-text {
        left: -110px !important;
    }
    .quotation-breadcrumb ul {
        margin-left: -60px !important;
    }
}
@media  (max-width: 768px){
	.jala{
		display:none !important;
	}
	.text-center-kar-do{
		line-height: 25px !important;
    	font-size: 20px !important;
	}
	.nichy{
    margin-top: 260px !important;
	}
}