@media only screen and (min-width: 768px) {
    footer ul, .my-account-nav ul{
        display: block!important;
    }
	.project-box .common-slider.home_top_sliders_mobile{display:none;}
}
@media only screen and (max-width: 1440px) {
    h1, h2, h3, h4, h5{
        font-size: 38px;
    }
    .blog-box .featured-blog:before {
        width: 160px;
        height: 230px;
        top: -115px;
        background-size: 100%;
    }
    .blog-box .popular-blog:after {
        width: 200px;
        height: 270px;
        top: 18px;
        right: -128px;
    }
    .globalhead {
        font-size: 55px;
    }
    .dealer-box-left {
        width: 70%;
    }
    .dealer-box-right {
        width: 500px;
        margin-right: -105px;
    }
    .tech-mar2 {
        margin-left: 0;
    }
    .tech-mar2 {
        margin-top: -90px;
    }
    .multiple-dots {
        right: -9%;
    }
    .har-color .purple-red-circle {
        right: -285px;
    }
    .pink-dots {
        left: -6%;
    }
    .product-category .purple-red-circle,
    .color-product-listing .purple-red-circle, .industrial-coating-segment .purple-red-circle {
        left: -288px;
    }
    .projects-details .multiple-dots2{
        left: -145px;
    }
    menu{
        width: 610px;
    }
    menu li{
        margin:0 15px;
    }
    menu li a{
        font-size:16px;
    }
    menu ul ul.cate-menu-item li{
        padding-right: 50px;
    }
    .menu-img {
        padding-right: 70px;
    }
    .overlay-menu-link{
        padding: 50px 60px;
    }
    .paint-sec .purple-red-circle{
        right: -305px;
    }
}
@media only screen and (max-width: 1300px) {
    nav{
        text-align: left;
    }
}

@media only screen and (max-width: 1200px) {
    .wrapper{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    header .logo{
        left: 15px;
    }
    header .header-right{
        right: 15px;
    }
    .overlay-menu-link {
        padding: 50px 20px;
    }
    .overlay-menu ul.large li{
        font-size: 22px;
    }
    .search-box{
        width: 480px;
        margin-left: -240px;
    }
    header .head-div{
        margin-left: 14px;
    }
    menu li {
        margin: 0 5px;
    }
    menu {
        width: 460px;
        margin-left: 230px;
    }
    menu li a{
        font-size: 14px;
    }
    .left-menu{
        padding-left: 15px;
    }
    .right-menu{
        padding-left: 30px;
        padding-right: 15px;
    }
    menu ul ul.cate-menu-item li {
        padding-right: 30px;
    }
    .blog-box h2{
        font-size: 35px;
        line-height: 40px;
    }
    .carrer-md-row{
        margin-top: 60px;
    }
    .carrer-md-box{
        padding-bottom: 40px;
    }
    .culture-img-col{
        width: 50%;
        padding-right: 20px;
    }
    .culture-img-col img{
        margin-right: 0;
    }
    .culture-img-col4{
        top: 300px;
    }
    .carrer-sm-box{
        font-size: 16px
    }
    .consultation-sld .slick-prev, .common-sld .slick-prev, .openings-thum .slick-arrow.slick-prev{
        left: 0;
    }
    .consultation-sld .slick-next, .common-sld .slick-next, .openings-thum .slick-arrow.slick-next{
        right: 0;
    }
    .apply{
        padding: 60px 20px;
    }
    .apply-right{
        width: 78%;
    }
    .contact-box .office, .contact-box .all-oofice .office{
        padding: 30px 15px;
    }
    .contact-box .office-gap{
        padding-left: 65px;
    }
    .purple-red-circle{
        display: none;
    }
    .counsel-box .step span{
        font-size: 30px
    }
    .color-product-listing .product-box-row {
        margin-top: 0;
    }
    .style-para{
        font-weight: 300;
    }
    .style-para{
        font-size: 23px;
    }
    .style-para{
        line-height: 32px;
    }
    .colors-advisable .style-para{
        line-height: 26px;
    }
    .commomslider-style ul.slick-dots{
        width: 100%;
    }
    .advantages-img{
        margin-left: 0;
    }
    .advantages-cont {
        padding: 110px 0 0 40px;
    }
    .decorative-paints .geeting-box{
        padding-bottom: 60px;
    }
    .shades-slider ul.slick-dots{
        bottom: -25px;
        width: 100%;
        left: 0;
    }
    .inspirations-sec {
        margin-bottom: 80px;
    }
    .guide-slider .col-40{
        width: 47%;
    }
    .guide-slider ul.slick-dots {
        position: absolute;
        text-align: center;
        bottom: 25px;
        left: 0;
        width: 100%;
    }
    .guide-slider .slick-dots li {
        display: inline-block;
        margin: 0 3px;
        height: 16px;
        width: 16px;
        box-sizing: border-box;
        padding: 3px;
        border-radius: 50%;
        cursor: pointer;
        background: url(../img/dots01.png) no-repeat right center;
        background-position: -17px 0;
    }
    .guide-slider .slick-dots li.slick-active {
        background: url(../img/dots01.png) no-repeat 0 center;
    }
    .guide-slider .slick-dots li button {
        background: none;
        border: 0;
        overflow: hidden;
        text-indent: -99px;
    }
    .har-color .style-para{
        line-height: 27px;
    }
    .space-box{
        padding-right: 50px;
    }
    .project-box .wrapper{
        position: static;
        padding: 0;
    }
    .project-box .txt{
        float: none;
        width: 100%;
        padding: 35px 15px;
    }
    .project-box h2 span{
        display: inline;
    }
    .common-button.leftgap{
        margin-left: 0;
    }
    .project-box p{
        margin-bottom: 30px;
    }
    .mapcolor-box{
        padding-top: 100px;
    }
    .mapcolor-box .heading-part p{
        width: auto;
        padding-right: 15px;
    }
    .decor-box::before{
        display: none;
    }
    .mapcolor-box .mood-relut{
        padding: 60px 0 20px 0;
    }
    .mapcolor-box .mood-filter{
        padding-top: 20px;
    }
    .decor-box{
        padding-top: 60px;
    }
    .decor-box .decor-nav::before{
        height: 90%;
    }
    .painting-defect-nav li a{
        padding: 20px 7px;
    }
    .page_24 .paintimg1:after, .green-circle{
        display: none;
    }
    .leftsideimg{
        margin-left: 0;
    }
    .rightsideimg{
        margin-right: 0;
        width: 100%;
    }
    .painting-logo img{
        margin-right: 20px;
    }
    .gain-col-form{
        margin-top: -500px;
    }
    .top-product{
        margin-bottom: 80px
    }
    .abt-box{
        position: static;
        margin: 0 auto;
        padding-top: 10px;
        width:450px;
    }
    .tech-col ul li{
        font-size: 16px;
        line-height: 23px;
    }
    .catalogue-left, .catalogue-right{
        width: 100%;
        padding-right: 0;
    }
    .catalogue-right{
        margin-top: 40px
    }
    .tech-sld-nav .slick-dots li.slick-active button:after, .common-sld .slick-dots li.slick-active button:after{
        display: none;
    }
    .consultation-sld .slick-dots li.slick-active button::after{
        display: none;
    }
    .architects .gain-col{
        margin-top: 0;
    }
    .crafted .maintxt03{
        margin-bottom: 150px;
    }
    .crafted1{
        margin-left: 0;
    }
    .crafted3{
        margin-right: 0;
    }
    .about-number{
        padding-right: 50px;
    }
    .crafted{
        background-size: 120% auto;
    }
    .app-download span img{
        width: 120px;
    }
    .calc-step{
        padding-left: 36px;
        padding-right: 15px;
    }
    .calc-step:after {
        left: 15px;
    }
    .calc-step span{
        padding-left: 85px;
        font-size: 14px;
    }
    .geeting-box{
        padding-bottom: 70px;
    }
    footer .social a{
        margin-right: 5px;
    }
    nav{
        text-align: left;
        width: 540px;
        margin: 0;
        margin-left: 200px;
    }
    .drop-menu > li > a{
        padding: 0 8px 31px 8px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 1023px) {
    .canvas-style span { display: none!important;  }
    footer h3{
        font-size: 20px;
    }
    footer{
        padding-bottom: 25px;
    }
    menu {
        width: 440px;
        margin-left: 218px;
    }
    menu ul ul.cate-menu-item li {
        padding-right: 22px;
    }
    .common-button{
        padding: 14px 44px;
    }
    .overlay-menu .common-button {
        margin-top: 10px;
    }
    .overlay-menu ul.small li, .overlay-menu ul.medium li{
        font-size: 18px;
    }
    .my-account-left{
        width: 40%;
        padding-right: 100px;
    }
    .my-account-right{
        width: 60%;
    }
    .wishlist-prd img{
        margin-right: 15px;
    }
    .product-name{
        font-size: 15px;
    }
    .color-menu-list{
        padding: 60px 0;
    }
    .color-box{
        padding-left: 0;
        padding-right: 0;
    }
    .color-col{
        margin-right: 0;
        margin-left: 0;
    }
    .mapcolor-box .filterdiv img{
        display: none;
    }
    .mapcolor-box .filterdiv{
        height: 45px;
        line-height: 37px;
    }
    .mapcolor-box .filteroption{
        top: 45px;
    }
    .decor-box{
        padding-left: 15px;
        padding-right: 15px;
    }
    .mapcolor-box .color{
        margin-bottom: 20px;
    }
    .decor-box .decor-nav{
        display: none;
    }
    .decor-slider .slick-dots{
        text-align: center;
        margin-top: 10px;
    }
    .decor-slider .slick-dots li{
        display: inline-block;
        margin: 5px 2px;
    }
    .decor-slider .slick-dots li button{
        background: url(../img/decor-sl.png) left top no-repeat;
        overflow: hidden;
         width: 20px;
        height: 20px;
        text-indent: -999px;
        border:0;
        outline: none;
    }
    .decor-slider .slick-dots li.slick-active button{
        background-position: 0 -80px;
    }
    .project-box .slick-prev{
        left: 15px;
    }
    .project-box .slick-next{
        right: 15px;
    }
    .painting-defect-nav li a{
        font-size: 15px;
    }
    .calc-step span{
        font-size: 13px;
    }
    nav{
        width: 500px;
    }
    .drop-menu > li > a{
        padding: 0 7px 31px 7px;
        font-size: 13px;
    }
}

@media only screen and (max-width: 979px) {
    menu, nav{
        display: none!important;
    }
    .hamburger-div, .toll-div{
        display: none;
    }
    .hamburger-mobile{
        display: block;
    }
    .hamburger-mob{
        position: relative;
        width: 32px;
        height: 22px;
        display: block;
        background: url(../img/ham-icon.png) left 2px no-repeat;
    }
    header .head-div{
        margin-left: 20px;
    }
    .search-box{
        margin-left: 0;
        left: inherit;
        right: 15px;
        width: 430px;
    }
    .newsleter-box p{
        font-size: 20px;
        line-height: 30px;
    }
    .newsleter-box .right{
        padding-right: 0;
        width: 40%;
    }
    footer h3{
        font-size: 16px;
    }
    footer .social a{
        width: 27px;
        height: 27px;
        margin-right: 3px;
    }
    footer li a{
        font-size: 14px;
    }
    footer .fo-div {
        padding-right: 10px;
    }
    .banner-page .not-found-page h1{
        font-size: 105px;
        line-height: 100px;
    }
    .not-found-page .common-button{
        margin-top: 10px;
    }
    .my-account-left {
        width: 35%;
        padding-right: 40px;
    }
    .my-account-right {
        width: 65%;
    }
    .common-button.sm-btn{
        padding: 8px 18px;
    }
    .common-button.sm-btn span{
        padding-left: 35px;
        margin-left: -20px;
    }
    .common-button.sm-btn.back-btn span{
        margin-right: -20px;
    }
    .input-col2{
        padding-right: 15px;
    }
    .wishlist-row .col-50{
        width: 100%;
        border-bottom: 1px dashed #ddd;
        clear: both;
    }
    .wishlist-hr{
        display: none;
    }
    .change-password-btn .common-button span{
        padding-left: 55px;
    }
    .blog-box .mid-txt{
        position: static;
        color: #333;
        text-align: center;
        margin-top: 40px;
    }
    .blog-box .mid-txt h3, .blog-box .mid-txt p{
        color: #333;
    }
    .blog-box .blog-list{
        padding: 40px 0;
    }
    .blog-box .blog{
        margin-bottom: 50px;
    }
    .blog-box p{
        font-size: 14px;
    }
    .blg-pagbox p{
        display: none;
    }
    .carrer-md-row{
        margin: 60px -30px -20px -30px;
    }
    .carrer-md-box{
        padding: 0 30px;
    }
    .culture-img-col4{
        position: static;
        float: left;
        width: 50%;
    }
    .awards-sld-item{
        padding: 0 8px;
    }
    .office-row .office{
        width: 50%;
    }
    .office-row .office:nth-child(3n+1){
        clear: inherit;
    }
    .office-row .office:nth-child(2n+1){
        clear: left;
    }
    .map-box .map-form{
        position: static;
        width: auto;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 50px 15px;
    }
    .commonred::before, .commonred::after{
        display: none;
    }
    .branch-office .map-box{
        margin-top: 0;
    }
    .map-box .map-form h3{
        margin-bottom: 25px;
    }
    .map-box iframe{
        height: 350px;
    }
    .all-oofice{
        padding-top: 0;
    }
    .col-left{
        padding-right: 30px;
    }
    .gray-sec:nth-child(2n) .col-left{
        padding-left: 30px;
    }
    .dealer-box-right{
        display: none;
    }
    .dealer-box-left{
        width: 100%;
    }
    .bubbles{
        margin-top: 0;
    }
    .bubbles::before {
        display: none;
    }
    .color-menu-list{
        padding-top: 60px;
    }
    .product-box-row h6{
        font-size: 22px;
    }
    .counsel-box .steps{
        padding: 50px 0;
    }
    .counsel-box .number{
        line-height: 45px;
        font-size: 60px;
    }
    .counsel-box .step span{
        font-size: 25px;
    }
    .product-box-row{
        margin: 60px 0 -60px 0;
    }
    .product-box{
        padding-left: 0;
        padding-right: 0;
    }
    .counsel-box .counselin::before{
        bottom: -74px;
        background-size: 50%; width: 100%;     height: 150px;
    }
    .counsel-box::before {
        top: 0;
    }
    .genral-tips .tips-div{
        padding-right: 20px;
    }
    .yelow-dot.lefttop{
        display: none;
    }
    .style-para{
        padding: 18px 0 34px 125px;
    }
    .color-box{
        padding-bottom: 30px;
    }
    .color-box h4{
        font-size: 22px;
    }
    .para{
        margin-top: 30px;
    }
    .style-para{
        background: transparent;
        padding: 10px 0;
        margin-top: 10px;
    }
    .style-para span {
        -ms-transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
        transform: skewX(0deg);
    }
    .padd-bottom{
        padding-bottom: 70px;
    }
    .main-office, .contact-form{
        padding-top: 20px;
        padding-right: 0;
    }
    .purple-botom.leftcenter, .yellow-circle.righttop{
        display: none;
    }
    .advantages-cont{
        padding: 40px 0 0 40px;
    }
    .space-bg::after{
        height: 90%;
    }
    .mapcolor-box .filterdiv{
        width: 30%;
        margin-bottom: 20px;
    }
    .mapcolor-box .mood-relut{
        padding-top: 20px
    }
    .overlay-wrap2{
        width: auto;
        margin: 150px 15px;
    }
    .overlay-wrap2 .close-botton{
        right: 0;
        top: -40px;
        width: 40px;
        height: 40px;
    }
    .segment-row{
        padding-right: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
    .segment-col{
        padding-left: 15px;
        padding-right: 15px;
    }
    #top-menu{
        display: none;
    }
    .paint-defects .col-50,.paint-defects .col-40,.paint-defects .col-60{
        width: 100%;
    }
    .headtxt02{
        margin-top: 20px;
    }
    .represtore ul{
        margin-bottom: 30px;
    }
    .leftsideimg{
        width: 100%;
    }
    .paint-defects .comanpad{
        margin-bottom: -30px;
    }
    .represtore{
        padding-top: 50px;
    }
    .represtore p{
        padding-bottom: 5px;
    }
    .yelow-dot.leftbottom, .purplecenter{
        display: none;
    }
    .gain-col-form, .architects .gain-col-form{
        margin-top: 40px;
    }
    .architects .gain-col{
        margin-top: 30px;
    }
    .color-img{
        display: none;
    }
    .painting-left, .gain-col .col-50{
        width: 100%;
    }
    .gain-col{
        padding-top: 70px;
    }
    .lookout-box .lookout{
        width: 47%;
    }
    .pro-common.two-style .pro{
        width: 50%;
    }
    .pro-common.two-style .pro{
        margin-right: 0;
    }
    .pro-common.two-style{
        margin-right: -30px;
    }
    .cat-row{
        padding-top: 40px;
    }
    .tech-col .col-50{
        width: 100%;
    }
    .tech-mar2{
        margin-top: 20px;
    }
    .tech-mar{
        padding-left: 0;
        margin-top: 30px;
    }
    .small-box{
        padding-right: 30px;
    }
    .catalogue-sec{
        width: 100%;
        margin-top: 140px;
    }
    .catalogue-palettes, .blue-dots.righttop{
        display: none;
    }
    .tech-col{
        margin-top: 20px;
    }
    .tech-col h4{
        padding-bottom: 20px;
    }
    .tech-sld-nav .slick-dots{
        margin-left: 0;
        text-align: center;
        width: 100%;
    }
    .consultation-sld .slick-dots li, .tech-sld-nav .slick-dots li, .common-sld .slick-dots li{
        float: none;
        display: inline-block;
    }
    .consultation-left, .consultation-right{
        width: 100%;
    }
    .consultation-sld{
        margin-top: 20px;
    }
    .consultation-right{
        padding-left: 0;
        padding-top: 20px;
    }
    .extra-color-banner{
        background-size: 100%;
        padding: 0;
    }
    .metallics-col img{
        float: none;
        margin-right: 0;
    }
    .extra-color-text{
        margin-left: 180px;
    }
    .extra-color-text{
        top: 30px
    }
    .about-number-row{
        padding: 0px 0 40px 0;
    }
    .about-number{
        font-size: 50px;
    }
    .crafted {
        background-size: 177% auto;
    }
    .crafted .col-40, .crafted .col-60{
        width: 50%;
    }
    .crafted-content h4{
        font-size: 25px;
    }
    .col-26{
        width: 100%;
        margin-top: 20px;
    }
    .calc-step span{
        font-size: 12px;
        padding: 7px 10px;
        padding-left: 30px;
    }
    .calc-step::after{
        left: -10px;
        top: -33px;
        -ms-transform: scale(0.4);
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    .step-row{
        margin: 40px -15px;
    }
    .calc-input-col2{
        margin-left: 0;
        padding: 15px;
    }
    .calc-input-col{
        padding: 15px;
    }
    .result-col2{
        width: 35%;
    }
    .result-col{
        width: 65%;
    }
    .total .result-col2{
        font-size: 20px;
    }
    .app-sec h3{
        font-size: 30px;
        margin-bottom: 15px;
    }
    .app-download span:first-child{
        display: block;
        margin-bottom: 10px;
    }
    .app-download{
        margin-top: 30px;
        padding-top: 30px;
    }
    .logo-slide img{
        max-width: 90px;
    }
    .culture-img .culture-img-col4 img.culture-mob-img{
        display: block;
    }
    .culture-img .culture-img-col4 img{
        display: none;
    }
    .branch-office{
        margin-top: 15px;
    }
    .branch-form{
        padding: 30px 15px;
    }
    .branch-form .form-div{
        width: 50%;
    }
    .branch-form .form-div:last-child{
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .coco-icon span { background-size: 25px;  }
    .coctext { right: 54px; top: -6px;  }
 
    .dealer-box-sm-2 {
    width: 100%;
    line-height: 20px;
    }
    .shades-slider {
    padding-bottom: 80px;
    }
    .counsel-box .counselin::before { display: none;  }
    .banner-page img.desktop-banner{
        display: none;
    }
    .banner-page img.mobile-banner{
        display: block;
    }
    .yelow-dot, .purple-circle{
        display: none;
    }
    .top-product{
        padding-top: 40px;
    }
    .common-page{
        padding-bottom: 60px;
        padding-top: 60px;
    }
    header .logo{
        width: 180px;
    }
    header{
        height: 70px;
        padding: 16px 0;
    }
    body{
        padding-top: 70px;
    }
    .search-open header .logo{
        opacity: 0;
    }
    .search-box{
        width: 95%;
        left: 15px;
        right: 0;
        top: 4px;
    }
    h1, h2, h3, h4, h5, .globalhead {
        font-size: 35px;
    }
    .newsleter-box .left, .newsleter-box .right{
        width: 100%;
    }
    .newsleter-box .right{
        padding-top: 10px;
        padding-bottom: 15px;
    }
    footer .fo-links{
        display: none;
    }
    footer .copy{
        float: none;
        text-align: center;
    }
    footer {
        padding-bottom: 15px;
        padding-top: 50px;
    }
    .copy-right{
        padding-top: 15px;
    }
    footer .fo-div{
        width: 100%;
    }
    footer h3{
        font-size: 20px;
        margin: 15px 0;
        cursor: pointer;
        position: relative;
    }
    footer h3:after{
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 24px;
        background: url(../img/down-arrow.png) no-repeat;
        background-size: 20px;
        background-position: top 2px right;
        transform: rotate(0deg);
        transition: all 0.2s;
    }
    footer h3.active:after{
        transform: rotate(180deg);
    }
    .fo-acc-body{
        border-bottom: 1px solid #999;
    }
    .fo-acc-body.last-acc{
        border-bottom: 0;
        padding-bottom: 25px;
    }
    footer ul{
        display: none;
        margin-bottom: 5px;
    }
    footer .fo-acc-body.last-acc h3:after{
        display: none;
    }
    footer .fo-acc-body.last-acc h3{
        cursor: default;
    }
    .common-button{
        padding: 14px 30px !important;
        padding: 8px 25px;
        font-size: 16px;
    }
    .common-button span{
        padding-left: 40px;
        margin-left: -30px;
        background: url(../img/buton-arow1.png) left center no-repeat;
    }
    .product-box-row .common-button span{
        padding-left: 35px;
        margin-left: -20px;
    }
    .not-found-page .common-button{
        margin-top: 0;
    }
    .not-found-page{
        transform: translate(-50%, -55%);
        -webkit-transform: translate(-50%, -55%);
        -moz-transform: translate(-50%, -55%);
        -o-transform: translate(-50%, -55%);
    }
    .thank-you{
        padding: 60px 15px;
    }
    .my-account-left, .my-account-right{
        width: 100%;
        padding-right: 0;
    }
    .my-account-right{
        margin-top: 40px;
    }
    .my-account{
        padding: 60px 0;
    }
    .my-account-nav ul{
        display: none;
        margin-top: 30px;
    }
    .my-account-nav ul li a:after{
        left: 15px;
    }
    .my-account-nav ul li a{
        padding-left: 45px;
    }
    .my-account-nav{
        padding: 25px 0;
    }
    .my-account-nav h1{
        position: relative;
        padding: 0 15px;
        margin-bottom: 0;
        cursor: pointer;
    }
    .my-account-nav h1:after{
        content: '';
        position: absolute;
        right: 15px;
        top: 0;
        width: 24px;
        height: 24px;
        background: url(../img/down-arrow2.png) no-repeat;
        background-size: 20px;
        background-position: top 2px right;
        transform: rotate(0deg);
        transition: all 0.2s;
    }
    .my-account-nav h1.active:after {
        transform: rotate(180deg);
    }
    .my-account-head{
        padding: 20px 15px;
    }
    .my-account-inner{
        padding:30px 15px 50px 15px;
    }
    .blog-box .blog-left, .blog-box .blog-right{
        width: 100%;
    }
    .blog-box h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .blog-box .blog-right{
        margin-top: 50px;
    }
    .blog-box .blog-div:last-child{
        padding-right: 15px;
    }
    .blog-box .blog-right:after, .blog-popular:after{
        content: '';
        display: block;
        clear: both;
    }
    .blog-box .blog-div{
        width: 50%;
        float: left;
        padding: 0 15px;
        border-bottom: 0;
    }
    .blog-box .blog-div:nth-child(2n+1){
        clear: left;
    }
    .blog-box .blog-div img{
        width: 100%;
        display: block;
    }
    .blog-box .top-blog{
        margin-bottom: 50px;
    }
    .blog-box .mid-txt h3{
        font-size: 30px;
    }
    .blog-box .mid-banner{
        margin-bottom: 60px;
    }
    .blog-box p{
        font-size: 14px;
        line-height: 20px;
    }
    .blog-box .blog-list{
        padding-bottom: 0;
    }
    .blog-box .popular-blog:after{
        display: none;
    }
    .breadcrum, .paintimg1::after{
        display: none;
    }
    .blog-box .top-blog{
        margin-top: 20px;
    }
    .blog-details.blog-box .blog-div{
        border-bottom: 1px solid #e1e1e1;
    }
    .blog-details .blog-popular .blog-div .date-cat{
        margin-bottom: 15px;
    }
    .comment-section .blog-left{
        width: 100%;
    }
    .comanpad{
        padding: 60px 0;
    }
    .blg-pagination .blg-pagbox img, .blg-pagination .blg-pagbox.next-page img{
        display: none;
    }
    .blg-pagination .prv-pge, .blg-pagination .nxt-pge{
        height: 40px;
        line-height: 40px;
    }
    .blg-pagination .blg-pagbox{
        width: auto;
    }
    .blg-pagination .blg-pagbox span{
        margin-top: 12px;
        padding-left: 36px;
        padding-right: 15px;
    }
    .blg-pagination .blg-pagbox.next-page span{
        padding-left: 15px;
        padding-right: 36px;
    }
    .fieldset .input textarea{
        height: 65px;
    }
    .content-area, .branch-top{
        padding-top: 30px;
    }
    .carrer-sm-box span{
        font-size: 45px;
    }
    .carrer-md-row {
        margin: 60px -15px 0 -15px;
    }
    .carrer-md-box{
        padding: 0 15px;
        padding-bottom: 20px;
    }
    .carrer-left{
        padding-right: 40px;
    }
    .openings-thum.resp-tabs-list li{
        padding: 0;
        padding-top: 20px;
    }
    p.large {
        font-size: 22px;
        line-height: 30px;
    }
    .apply-left{
        display: none;
    }
    .apply-right{
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-box-shadow: none;
        padding: 0;
    }
    .green-circle{
        display: none;
    }
    .career-apply:before{
        background: #fff;
    }
    .carrer-des{
        padding-bottom: 70px;
    }
    .carrer-row{
        margin-bottom: 25px;
    }
    .map-box .map-form h3{
        font-size: 30px;
    }
    .col-left, .col-right{
        width: 100%;
        text-align: left;
        padding-right: 15px !important;
        padding-left: 15px!important;
    }
    .col-right{
        padding-top: 50px;
    }
    .col-right img{
        margin-top: 0;
    }
    .gray-sec h3{
        margin-bottom: 10px;
    }
    .gray-sec .common-button{
        margin-top: 15px;
    }
    .gray-sec:nth-child(1)::before {
        display: none;
    }
    .gray-sec{
        margin: 50px 0;
        padding: 50px 0;
    }
    .gray-sec h3{
        font-size: 25px;
    }
    .dots-blue, .purple-botom, .yellow-circle{
        display: none;
    }
    .counsel-box .step span{
        font-size: 20px;
    }
    .counsel-box .from-part{
        padding: 0;
    }
    .genral-tips h5{
        font-size: 17px;
    }
    .cat-row::before {
        height: 100%;
    }
    .geeting-box .left, .geeting-box .right{
        width: 100%;
    }
    .geeting-box .right{
        margin-top: 20px;
    }
    .decorative-paints .geeting-box .right{
        padding-top: 0;
        margin-top: 20px;
    }
    .advantages-col .col-70,.advantages-col .col-30{
        width: 100%;
    }
    .advantages-cont{
        padding: 0;
    }
    .advantages-img{
        margin-bottom: 30px;
    }
    .shade-left{
        display: none;
    }
    .shade-right{
        width: 100%;
    }
    .shade-right img{
        margin-bottom: 50px;
    }
    .inspirations-sec{
        padding-top: 20px;
    }
    .clrcode span{
        float: none;
    }
    .clrcode p{
        font-size: 11px;
    }
    .consultation-ban .mid-txt{
        position: static;
        text-align: center;
        margin-top: 20px;
    }
    .consultation-ban .mid-txt h3, .consultation-ban .mid-txt p{
        color: #333;
    }
    .consultation-ban .mid-txt p{
        margin-bottom: 15px;
    }
    .guide-slider .col-40, .guide-slider .col-50{
        width: 100%;
        padding: 0;
    }
    .guide-slider .col-40{
        margin-top: 30px;
    }
    .guide-items h3{
        margin-bottom: 15px;
    }
    .har-color .geeting-box .right{
        padding-top: 0;
        margin-top: 30px;
    }
    .pink-dots{
        display: none;
    }
    .space-row .col-50{
        margin-bottom: 30px;
    }
    .mapcolor-box .left, .mapcolor-box .right{
        width: 100%;
        text-align: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .mapcolor-box{
        padding-top: 25px
    }
    .mapcolor-box h2 span{
        display: inline-block;
    }
    .mapcolor-box .right{
        margin-top: 40px;
        padding-left: 15px;
        padding-bottom: 0;
    }
    .mapcolor-box::before{
        height: 250px;
    }
    .mapcolor-box .right::before {
        display: none;
    }
    .mapcolor-box .filter-color{
        padding: 0 12px;
    }
    .decor-box .txt{
        padding: 0 15px;
        padding-top: 30px;
    }
    .decor-box p{
        margin-bottom: 10px;
    }
    .decor-box{
        padding: 30px 15px;
    }
    .common-slider .slick-dots{
        text-align: center;
        margin-bottom: 10px;
    }
    .common-slider li {
        display: inline-block;
        margin: 0 4px;
    }
    .common-slider li button {
        cursor: pointer;
        font-size: 0px;
        display: block;
        border: none;
        background: url(../img/dots01.png) no-repeat -17px top;
        width: 16px;
        height: 16px;
    }
    .common-slider li.slick-active button {
        background-position: 0 0;
    }
    .range-box ul li{
        width: 100%;
        padding-right: 0;
    }
    .range-box{
        margin: 40px 0;
    }
    .overlay-wrap2{
        padding: 60px 15px;
    }
    .overlay-wrap2 h5{
        font-size: 40px;
    }
    .segment-col ul.list-50 li{
        width: 100%;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 15px;
    }
    .segment-col ul.list-50{
        border-bottom: 0;
        margin-bottom: 0;
    }
    .segment-col ul.list-50:last-child li:last-child{
        border-bottom: 0;
         margin-bottom: 0;
    }
    .segment-col{
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .industrial-coating-segment{
        padding-bottom: 0;
    }
    .chalking-sec ul li{
        width: 100%;
        padding-right: 0;
    }
    .maintxt02{
        padding-bottom: 5px;
    }
    .paint-defects .comanpad {
        margin-bottom: 0;
    }
    .headtxt01{
        font-size: 32px;
        padding-bottom: 15px;
    }
    .Sagging, .flaking-sec{
        background-size: auto 300px;
    }
    .maintxt03, p.maintxt03{
        margin-bottom: 140px;
    }
    .flaking-sec, .Sagging{
        margin-bottom: -30px;
    }
    .gain-col h5{
        font-size: 16px;
    }
    .geeting-box{
        padding-bottom: 60px;
    }
    .geeting-box .yelow-dot{
        display: none;
    }
    .colorlook-box .left, .colorlook-box .right, .lookout-box .left,.lookout-box .right, .genreladive-box .left, .genreladive-box .right{
        width: 100%;
    }
    .colorlook-box .left, .lookout-box .left, .genreladive-box .left{
        margin-bottom: 10px
    }
    .lookout-box .lookout{
        margin-bottom: 50px;
    }
    .genreladive-box .genrel-slider{
        padding-top: 10px;
    }
    .pro-common h3{
        font-size: 18px;
    }
    .pro-common{
        margin-left: -15px;
        margin-right: -15px;
    }
    .pro-common .pro{
        padding-right: 15px;
        padding-left: 15px;
    }
    .pro-common p{
        margin-bottom: 20px;
    }
    .product-box-row .col-33:nth-child(3n+1){
        clear: inherit;
    }
    .product-box-row .col-33:nth-child(2n+1){
        clear: left;
    }
    .product-box-row .col-33{
        width: 50%;
    }
    .inspiring-sec{
        background-size: 100% 300px;
    }
    .catalogue-sec{
        margin-top: 110px;
    }
    .catalogue-left ul li{
        margin-bottom: 60px;
    }
    .catalogue-left ul{
        padding-bottom: 30px;
    }
    .extra-color-text{
        position: static;
        margin-left: 0;
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }
    .consultation-sec{
        padding-bottom: 0;
        padding-top: 0;
    }
    .extra-color-banner h4, .extra-color-banner p{
        color: #333;
    }
    .counsel-box .g-recaptcha{
        margin-bottom: 0;
    }
    .newsleter-box .form-div{
        margin-top: 0;
    }
    .about-con-sec p {
        margin-bottom: 20px;
    }
    .about-con-sec .col-50{
        width: 100%;
    }
    .about-number{
        font-size: 35px;
        padding-right: 20px;
        letter-spacing: 0;
    }
    .about-number span{
        font-size: 12px;
    }
    .crafted .maintxt03 {
        margin-bottom: 120px;
    }
    .crafted1{
        padding-right: 0;
    }
    .crafted2 h5{
        font-size: 20px;
    }
    .pan-india-sec::after, .pan-india-sec::before{
        display: none;
    }
    .calc-input-col{
        margin-bottom: 10px;
    }
    .calc-input-col, .calc-input-col2{
        width: 100%;
    }
    .calc-input-col2{
        min-height: inherit;
    }
    .calc-step{
        padding-left: 15px;
    }
    .calc-step::after{
        left: -26px;
        top: -33px;
    }
    footer .social a{
        width: 34px;
        height: 34px;
    }
    .sitemap-col, .sitemap-col50{
        width: 50%;
    }
    .sitemap-col:nth-child(2n+1){
        clear: left;
    }
    .prd-sitemap .sitemap-col2{
        width: 100%;
        margin-bottom: 0;
    }
    .sitemap-page {
        padding-bottom: 40px;
        padding-top: 60px;
    }
    .sitemap-row{
        margin-bottom: 0;
    }
    .desktop-slide{
        display: none;
    }
    .project-box .common-slider.home_top_sliders_mobile{
        
    }
    .coco-icon{
        width: 60px;
        height: 60px;
        background-size: 23px 29px;
    }
    .floating-icons {
        display: none;
    }
    .crafted .col-40, .crafted .col-60{
        width: 100%;
    }
    .crafted .col-60{
        margin-top: 20px;
    }
    .crafted-content{
        padding-left: 15px;
    }
    .gray-sec:nth-child(2)::before{
        display: none;
    }
    .crafted-row{
        margin-top: 0;
    }
    .certifications{
        padding-bottom: 0;
    }
	.news-event .row{margin-bottom:0px;}
	.news-event .col-33{width:100%;padding:15px;}
}

@media only screen and (max-width: 639px) {
    h1, h2, h3, h4, h5, .globalhead {
        font-size: 30px;
    }
    .mapcolor-box .filter-color{
        padding: 0 13px;
    }
    .newsleter-box p {
        font-size: 18px;
        line-height: 28px;
    }
    .banner-page .not-found-page h1 {
        font-size: 55px;
        line-height: 55px;
        margin-bottom: 0;
    }
    .not-found-page p{
        font-size: 16px;
        line-height: 20px;
    }
    .common-button {
        padding: 10px 20px !important;
        font-size: 14px;
    }
    .common-button span{
        padding-left: 38px;
        margin-left: -20px;
    }
    .thank-you h2{
        margin-top: 25px;
    }
    .thank-you .common-button{
        margin-top: 10px;
    }
    .blog-box h2, .blog-box .mid-txt h3{
        font-size: 26px;
        line-height: 32px;
    }
    .blog-box .mid-txt{
        margin-top: 15px;
    }
    .blog-box .mid-txt p{
        margin-bottom: 15px
    }
    .blog-box .diff-style .image, .blog-box .diff-style .txt{
        width: 100%;
    }
    .blog-box .diff-style .date-cat{
        padding-top: 20px;
    }
    .tags li a{
        padding: 8px;
    }
    .tags li{
        margin-right: 4px;
        margin-bottom: 10px;
    }
    .col-50{
        width: 100%;
    }
    .content-margin, .carrer-sm-box{
        margin-top: 0;
    }
    .carrer-sm-box{
        font-size: 14px;
    }
    .multiple-dots, .green-circle, .purple-red-circle{
        display: none;
    }
    .carrer-sm-box{
        margin-bottom: 20px;
    }
    .content-margin .col-50.fr{
        margin-bottom: 15px;
    }
    p.large {
        font-size: 20px;
        line-height: 26px;
    }
    .carrer-md-row .col-33:nth-child(3n+1) {
        clear: inherit;
    }
    .carrer-md-row .col-33:nth-child(2n+1) {
        clear: left;
    }
    .carrer-md-row .col-33{
        width: 50%;
    }
    .openings-thum span{
        font-size: 13px;
    }
    .openings-sld {
        margin-top: 40px;
    }
    .accordion_content_left, .accordion_content_right{
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .accordion_body{
        margin-bottom: 20px;
    }
    .accordion_content_row{
        margin-bottom: 40px;
    }
    .accordion_content ul li{
        padding-left: 20px;
        background-position: left top 8px;
    }
    .accordion_content_head{
        margin-bottom: 10px;
    }
    .submit-resume h4{
        font-size: 25px;
    }
    .submit-resume{
        margin-bottom: 80px;
    }
    .padd-btn{
        padding-bottom: 60px;
    }
    .contact-box .mile{
        display: none;
    }
    .contact-box .office-gap{
        padding-left: 0;
    }
    .contact-box .office, .contact-box .all-oofice .office{
        padding: 15px;
    }
    .dealer-box-left{
        padding: 20px 15px;
    }
    .product-box-row .col-33:nth-child(3n+1){
        clear: inherit;
    }
    .product-box-row .col-33:nth-child(2n+1){
        clear: lefr;
    }
    .product-box-row .col-33{
        width: 50%;
    }
    .counsel-box .counselin{
        padding: 60px 0;
    }
    .counsel-box .steps{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .counsel-box .step{
        padding-left: 32px;
        font-size: 16px;
    }
    .counsel-box .form-div{
        width: 100%;
        margin-bottom: 25px;
    }
    .counsel-box .g-recaptcha{
        margin-top: 0;
        width: 100%;
    }
    .counsel-box button{
        float: none;
        margin-top: 10px;
    }
    .counsel-box .number {
        line-height: 35px;
        font-size: 50px;
    }
    .color-col .col-33:nth-child(3n+1) {
        clear: inherit;
    }
    .color-col .col-33:nth-child(2n+1) {
        clear: left;
    }
    .color-col .col-33{
        width: 50%;
    }
    .style-para{
        font-size: 20px;
    }
    .contact-box .main-office  .office{
        width: 100%;
        margin-bottom: 10px;
    }
    .genral-tips .tips-div:nth-child(3n+1){
        clear: inherit;
    }
    .genral-tips .tips-div:nth-child(2n+1){
        clear: left;
    }
    .genral-tips .tips-div{
        width: 50%;
        padding-bottom: 30px;
    }
    .advantages-col .col-33{
        width: 50%;
        margin-bottom: 20px;
    }
    .gallery-types .input{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .gallery-types .input select{
        background: url(../img/angle-arrow-pointing-down.png) no-repeat right 5px center !important;
        background-size: 18px !important;
        padding-left: 0 !important;
    }
    .gallery-types{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .innertop, .colorcodes-inner{
        padding: 8px;
    }
    .colorcodes-item{
        padding-right: 10px;
    }
    .consultation-ban .mid-txt h3{
        font-size: 30px;
    }
    .space-box{
        padding-right: 0;
    }
    .har-color .style-para{
        margin-top: -20px;
    }
    .har-color .geeting-box{
        margin-top: 50px;
    }
    .mapcolor-box .filterdiv{
        width: 47%;
    }
    .decor-box .txt{
        position: static;
        padding-top: 15px;
    }
    .decor-box h3{
        font-size: 25px;
    }
    .decor-box h3, .decor-box p{
        color: #333;
    }
    .project-box h2, .project-box h3{
        margin-bottom: 15px;
    }
    .mapcolor-box::before{
        height: 120px;
    }
    .mapcolor-box .right{
        margin-top: 10px;
    }
    .range-box h3{
        font-size: 25px;
    }
    .overlay-wrap2 h5{
        font-size: 30px;
    }
    .Sagging, .flaking-sec{
        background-size: auto 320px;
    }
    .blue-circle{
        display: none;
    }
    .maintxt03, p.maintxt03{
        margin-bottom: 140px;
    }
    .headtxt01{
        font-size: 30px;
    }
    .gain-col-form{
        padding: 50px 15px;
    }
    .gain-col .col-50, .painting-services .col-50{
        padding: 0;
    }
    .gain-col-form h4{
        font-size: 30px;
    }
    .sm-form-tab span{
        width: 80px;
        height: 45px;
        line-height: 45px;
    }
    .painting-logo img{
        margin-bottom: 20px;
    }
    .top-product .left, .top-product .right{
        width: 100%;
    }
    .top-product .right{
        margin-top: 20px;
    }
    .top-product h4{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .purple-circle{
        display: none;
    }
    .top-product a{
        margin-top: 0;
    }
    .pro-common.two-style h3{
        font-size: 22px;
    }
    .pro-common .pro{
        width: 50%;
    }
    .pro-common .pro:nth-child(3n+1) {
        clear: inherit;
    }
    .pro-common .pro:nth-child(2n+1) {
        clear: left;
    }
    .heading-style{
        font-size: 28px;
    }
    .abt-box{
        width: 100%;
    }
    .content-sec{
        margin: 60px 0;
    }
    .grybg-sec{
        padding-bottom: 60px;
    }
    .tech-col h4{
        font-size: 30px;
    }
    .small-box-row .col-33:nth-child(3n+1) {
        clear: inherit;
    }
    .small-box-row .col-33:nth-child(2n+1) {
        clear: left;
    }
    .small-box-row .col-33, .extra-color-sec .metallics-col{
        width: 50%;
    }
    .extra-color-banner h4{
        font-size: 30px;
    }
    .advisable-box{
        margin-bottom: 40px;
    }
    .advisable-row{
        overflow: hidden;
        margin-bottom: -40px;
    }
    .counsel-box .g-recaptcha{
        margin-top: 0;
    }
    .crafted {
        background-size: 260% auto;
    }
    .crafted .col-40, .crafted .col-34 {
        width: 100%;
    }
    .crafted1{
        margin-bottom: 20px;
    }
    .corner-prd-item{
        padding: 0 7px;
    }
    .calc-step{
        width: 50%;
        margin-bottom: 20px;
    }
    .main-office, .contact-form{
        width: 100%;
    }
    .contact-form{
        padding: 0;
        margin-top: -20px;
    }
    .carrer-left{
        width: auto;
        float: none;
        padding-right: 0;
        min-height: inherit;
    }
    .name{
        margin-top: 20px;
    }
    .carrer-right{
        width: auto;
        float: none;
        position: static;
        background: transparent;
        padding-top: 20px;
        margin-bottom: 40px;
    }
    .carrer-sld .slick-dots{
        bottom: 10px;
    }
    .logo-slide{
        height: 120px;
    }
    .logo-slide img{
        max-width: 70px;
    }
    .blog-box .blog-div{
        width: 100%;
    }
    .cont-head{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .contact-box h5{
        font-size: 18px;
    }

}

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


    h1, h2, h3, h4, h5, .globalhead {
        font-size: 26px;
    }
    .newsleter-box input{
        padding-bottom: 18px;
    }
    .crafted-content h4{
        font-size: 20px;
    }
    header .head-div{
        margin-left: 10px;
    }
    header .logo{
        width: 140px;
    }
    header {
        height: 60px;
        padding: 14px 0;
    }
    body{
        padding-top: 60px;
    }
    .newsleter-box{
        padding: 45px 0;
    }
    footer{
        padding-top: 40px;
    }
    header .header-right{
        padding-top: 5px;
    }
    .banner-page .not-found-page h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .not-found-page{
        width: 100%;
    }
    .not-found-page p{
        margin-bottom: 5px;
    }
    .common-button{
        font-size: 13px;
    }
    .thank-you h2{
        font-size: 24px;
    }
    .overlay-wrap{
        width: auto;
        margin: 100px 15px;
        padding: 50px 15px;
    }
    .overlay-wrap .common-button{
        margin-top: 10px;
    }
    .blog-box .top-blog{
        margin-top: 40px;
    }
    .blog-box h2, .blog-box .mid-txt h3 {
        font-size: 22px;
        line-height: 27px;
    }
    .blog-box .blog-div, .blog-box .diff-style .blog{
        width: 100%;
        padding: 0;
    }
    .blog-box .blog-div{
        margin-bottom: 50px;
    }
    .blog-box.blog-details .blog-left h3{
        font-size: 22px;
    }
    .blog-details.blog-box .blog-div{
        margin-bottom: 15px;
    }
    .fieldset li{
        margin-bottom: 0;
    }
    .fieldset .input{
        width: 100%;
        margin-bottom: 25px;
    }
    .blog-box.blog-details .blog-left h3{
        font-size: 20px;
        margin-top: 30px;
    }
    .carrer-md-row .col-33{
        width: 100%;
    }
    .carrer-md-box{
        padding: 0;
        padding-bottom: 20px;
    }
    .culture-img-col{
        padding-right: 10px;
    }
    .culture-img-col img{
        margin-bottom: 10px;
    }
    .awards-sld-item{
        padding: 0;
    }
    .openings-thum span{
        font-size: 11px;
    }
    .accordion_head span{
        display: block;
    }
    .carrer-input{
        width: 100%;
        padding: 0 15px;
    }
    .upload span{
        font-size: 12px;
    }
    .office-row .office{
        width: 100%;
    }
    .map-box .map-form h3{
        font-size: 25px;
    }
    .gray-sec h3{
        font-size: 20px;
    }
    .dealer-box-sm{
        width: 100%;
        margin-bottom: 10px;
    }
    .dealer-box-left .common-button{
        margin-top: 20px;
    }
    .all-oofice h3{
        font-size: 25px;
    }
    .contact-box h5{
        font-size: 18px;
    }
    .genral-tips .tips-div{
        width: 100%;
        text-align: center;
        padding-right: 0;
        padding-bottom: 20px;
    }
    .genral-tips{
        padding-top: 30px;
    }
    .product-box-row .col-33{
        width: 100%;
    }
    .product-box{
        margin-bottom: 40px;
    }
    .counsel-box::before, .counsel-box::after{
        display: none;
    }
    .counsel-box{
        padding-top: 0;
        padding-bottom: 35px;
    }
    .counsel-box .counselin::before {
        bottom: -203px;
        background-size: 35%;
    }
    .counsel-box .step{
        width: 100%;
        padding-left: 35px;
        margin-bottom: 20px;
    }
    .counsel-box .form-div{
        width: 100%;
        padding-right: 0;
    }
    .product-box-row{
        margin: 40px 0 -30px 0;
    }
    .choice-color-box{
        width: 100%;
        height: 50px;
    }
    .color-col .col-33, .advantages-col .col-33{
        width: 100%;
    }
    .colors-advisable h3{
        font-size: 26px;
    }
    .advantages-sec h4{
        margin-top: 10px;
    }
    .shade-right img{
        margin-bottom: 30px;
    }
    .inspirations-sec li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .clrcode span{
        float: left;
    }
    .consultation-ban .mid-txt h3{
        font-size: 25px;
    }
    .guide-slider{
        padding-top: 30px;
    }
    .counsel-box .counselin {
        padding: 30px 0;
    }
    .mapcolor-box .filterdiv{
        width: 100%;
        margin-right: 0;
    }
    .range-box h3{
        font-size: 22px;
    }
    .range-col{
        width: 100%;
    }
    .range-box ul li{
        font-size: 16px;
    }
    .overlay-wrap2 h5{
        font-size: 24px;
        text-align: center;
    }
    .segment-col{
        width: 100%;
        border-bottom: 3px solid #333;
        padding-bottom: 40px;
        margin-bottom: 0;
    }
    .segment-hr{
        display: none;
    }
    .segment-col .common-button{
        margin-top: 10px;
    }
    .Sagging, .flaking-sec {
        background-size: auto 365px;
    }
    .gain-col .col-sm-33{
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .gain-col h5{
        margin-top: 10px;
    }
    .gain-col h5 br{
        display: none;
    }
    .col-sm-33.last{
        padding-left: 0;
    }
    .gain-col h3{
        font-size: 26px;
    }
    textarea{
        height: 60px;
    }
    .lookout-box .lookout{
        width: 100%;
    }
    .lookout-box .left img{
        width: 100%;
    }
    .pro-common.two-style .pro, .pro-common .pro{
        width: 100%;
    }
    .pro-common.two-style{
        margin-right: -15px;
        margin-bottom: -50px;
    }
    .shades-left{
        height: auto;
        font-size: 11px;
        padding: 10px;
    }
    .abt-box{
       padding: 40px 15px;
       padding-top: 10px;
    }
    .abt-left{
        width: 100%;
        padding-right: 0;
    }
    .abt-right{
        width: 100%;
        margin-top: 20px;
    }
    .extra-color-sec .metallics-col, .tech-col ul li{
        width: 100%;
    }
    .inspiring-sec {
        background-size: 100% 350px;
    }
    .small-box{
        padding-right: 0;
    }
    .catalogue-right{
        margin-top: 0;
    }
    .extra-color-banner h4{
        font-size: 25px;
    }
    .tech-col ul li{
        margin-bottom: 15px;
    }
    .about-number{
        width: 50%;
        margin-bottom: 15px;
    }
    .headtxt03{
        font-size: 25px;
    }
    .crafted {
        background-size: 405% auto;
    }
    .map-sec{
        margin-top: 20px;
    }
    .app-sec h3{
        font-size: 25px;
    }
    .extra-color-banner{
        margin-top: -20px;
    }
    .splendor-luxury h2{
        margin-bottom: 10px;
    }
    .extra-color-banner p{
        margin-bottom: 15px;
    }
    .space-bg::after{
        height: 70%;
    }
    .carrer-md-box{
        text-align: center;
    }
    .carrer-md-box h6{
        margin-top: 10px;
    }
    .sitemap-col, .sitemap-col50 {
        width: 100%;
    }
    .prd-sitemap h2{
        font-size: 26px;
    }
    .sitemap-page h3{
        font-size: 18px;
    }
    .sitemap-row{
        margin-top: 20px;
    }
}

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




/*Coco CSS*/

.top-head{font-weight:700;text-align:center}
.larg01{font-size:100px;font-weight:700;text-align:center;line-height:90px}
.larg02 {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    line-height: 48px;
    padding: 20px 0;
}
.common-coco-pad {
    padding: 0px;
    height: 100%;
    overflow-y: scroll;
}
.ranglog{font-size:65px;font-weight:700;text-align:center;line-height:86px}
.ranglog span:nth-child(1){color:#bd2121;font-size:78px}
.ranglog span:nth-child(2){color:#e95353}
.ranglog span:nth-child(3){color:#5fb7dc}
.ranglog span:nth-child(4){color:#00c394}
.ranglog span:nth-child(5){color:#3d67af}
.ranglog span:nth-child(6){color:#c658ae}
.ranglog span:nth-child(7){color:#3d67af}
.ranglog span:nth-child(8){color:#ee8e02}
.logo1{padding-top:40px;text-align:center; }
.logo1 img{margin:0 auto}
.header {
    box-shadow: 0 6px 6px 0px #eaeaea;
    
    background: #fff; padding: 20px 0; width: 100%;     position: fixed;
    left: 0;
    top: 0;
}
.close{ float: right; }
.close a {
    color: #9e191d;
    font-size: 24px;
    font-weight: 700; line-height: 30px;
}
.back-btn a {
    display: block;
    background: url(../img/coco/back-btn.png) no-repeat center left;
    height: 30px;
    width: 46px;
    float: left;     background-size: 30px;
}

.screen1 .larg01{padding-top:25px}
.screen2 .logo1{padding:0}
.screen3 .logo1{margin:50px 0; margin-top: 0; padding: 15px 0 0 0}
.screen3 .larg02{padding:0;padding-bottom:30px;     font-size: 26px;
    line-height: 32px;}
.screen4 .larg02{    font-size: 40px;
    line-height: 40px;
    font-weight: 600;}
.screen4 .logo1{margin-top:0;padding-bottom:50px;padding-top:20px}
.selturoptn .optns a{color:#848484;font-weight:600;font-size:24px;display:block;min-height:110px;position:relative}
.selturoptn:after, .header:after{content:'';display:block;clear:both}
.selturoptn .optns{float:left;display:block;width:33.33%;text-align:center;padding: 9px 16px;}
.selturoptn .optns img{margin:0 auto}
.selturoptn .optns p{display:block;margin:0;position:absolute;border:0;width:100%;bottom:0}
.cameraimg{position:relative;    margin: 0 -48px -48px -48px;}
.focus-img{width:453px;position:absolute;top:50%;left:50%;margin:-142.5px 0 0 -226.5px; font-size: 14px;}
.yourbrn {
 
    margin: 0 auto;
    padding: 0 10%;
}
.yourbrn:after,.seltproduct:after,.all-shdepaintopt:after, .selectopts:after{content:'';display:block;clear:both}
.txt01 br {
    display: none;
}
.txt01 {
    
    
    font-weight: 700;
    text-align: center;
    
    color: #000;
        font-size: 35px;
    line-height: 35px;
}
.larg03{color:#848484;font-size:20px;font-weight:700;text-align:center;    padding: 20px 0;
    line-height: 20px;}
.seltproduct{margin-top:35px}
.seltproduct .optns{float:left;display:block;width:33.3333%;text-align:center;padding:14px}
.seltproduct .optns:nth-child(3n+1){ clear: both; }
.seltproduct .optns a{color:#848484;font-weight:600;font-size:16px;display:block}
.seltproduct .optns img{margin:0 auto}
 .seltproduct .optns p { font-size: 15px; min-height: 21px; min-height:75px; margin-bottom: 0px; }
.seltproduct .optns span{display:block;margin-bottom:8px}
.shdepaint-big {
    width: 46%;
    float: left;
    margin-right:4%;
    background: url(../img/frame02.png) no-repeat 0 0;
    height: 281px;
    
}

.shdepaint-opt {
    width: 100%;
    float: left;
 
}
.shdepaint-opt span {
    width: 34%;
    margin: 0 0 39px 0;
    float: left;
    height: 32px;
    background-color: #ccc;
    border-radius: 33px;
    margin-left: -22%;
}
.shdepaint-opt span:nth-child(1){margin-left:0}
.shdepaint-opt span:nth-child(5){margin-left:0}
.shdepaint-opt span:nth-child(9){margin-left:0; margin-bottom: 0}
.shdepaint-opt span:nth-child(10){margin-bottom: 0}
.shdepaint-opt span:nth-child(11){margin-bottom: 0}
.shdepaint-opt span:nth-child(12){margin-bottom: 0}

 .click{background:url(../img/click.png) no-repeat 0 0;width:60px;height:60px;position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px}
 .all-coco-cont .input{ position: relative; width: 45%;}
.selectopts {
    margin-bottom: 80px;
}
.selectopts .input:nth-child(2){ opacity: 0.4 }
.selectopts .input.active{ opacity: 1 }
.all-coco-cont select{

    color: #333; font-size: 30px;
    border: 0; border-bottom: 1px solid #e1e1e1; width: 100%; font-weight: 500; padding-bottom: 6px;
     -webkit-appearance: none;appearance: none;  background:url(../img/dropdown.png) no-repeat right;
     padding-right: 40px;    text-transform: capitalize;
}
.all-coco-cont select option{ font-size: 18px;}
.subcat-list { margin: 0px; padding:0;}
.subcat-list li {
    margin: 0px;
    padding: 25px 0 10px 0;
    border-bottom: 1px solid #dbdad7;
    font-size: 40px;
    color: #333333;
    font-weight: 500; font-size: 20px;
}

.subcat-list li:first-child{ padding-bottom: 10px }
.subcat-list li strong {
    font-size: 30px;
    font-weight: 500;
    width: 100%;
    background: url(../img/coco/dropdown.png) no-repeat right center;
    display: block;
}


.subcat-list label {
    position: relative;
    z-index: 1;
    margin-bottom: 0;    width: 100%;
    display: block;

    text-decoration: none;
}

.subcat-list input[type="radio"] {
    display: none;
}
.subcat-list input[type="radio"] + label span {
    background: url(../img/coco/radiobg.png) no-repeat scroll center;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin: 0;
    vertical-align: middle;
    width: 30px;
    float: right;
}

.subcat-list input[type="radio"]:checked + label {
    color: #000;
}
.subcat-list input[type="radio"]:checked + label span {
    background:  url(../img/coco/radiobg-active.png) no-repeat scroll  center;
}

.listing-view .header{ margin-bottom: 0 }
.mic-area{ padding: 150px  0}
.mic-area img{ margin: 0 auto; display: block; margin-top: 70px;}

.selectopts-list{ padding: 0 20px; margin-bottom: 0 }
.all-shdepaintopt { padding: 0 20px;  }
/*.selturoptn { opacity: 0; margin-top: 170px; transition: .8s all ease 0s; }*/
.selturoptn { margin-top: 70px; transition: .8s all ease 0s; }
.selturoptn.animate { opacity: 1; margin-top: 0px; }















@media only screen and (max-width:700px) {
.all-shdepaintopt{padding:0}
.yourbrn{width:auto}
.txt01{font-size:56px;line-height:56px}
.larg03{font-size:34px}
}
@media only screen and (max-width:639px) {
/*.wrapper{padding:30px}*/
.ranglog,.larg01{font-size:74px;line-height:74px}
.logo1 img{max-width:80%}
.logo1{padding-top:40px;padding-bottom:35px}
.screen1 .larg01{padding-top:30px}
.ranglog span:nth-child(1){font-size:56px}
.larg02,.screen4 .larg02{font-size:46px;line-height:46px}
.screen3 .logo1{margin:30px 0}
.screen3 .larg02{font-size:40px;line-height:40px;padding-bottom:20px}
.selturoptn .optns{width:33.33%}
.screen4{}
.focus-img{width:300px;margin:-94px 0 0 -150px}
.all-shdepaintopt{padding:0}
.txt01{width:50%}
.seltproduct .optns{width:33.33%;padding:10px}
.shdepaint-big {
    width: 100%;
   
    margin-right: 0;
    background-size: auto 100%;
    background-position: top center; display: none;
}
.shdepaint-opt {
    width: 100%;
    margin-top: 20px;
}
.subcat-list li {
   
    padding: 40px 0 15px 0;
   
    font-size: 28px;
  
}

.header {
    margin-left: -30px;
    margin-right: -30px;
    padding: 30px;
    margin-top: -30px;
}
    .subcat-list li strong {
    font-size: 20px;}
.close a {
 
    font-size: 24px;
  
    line-height: 30px;
}.back-btn a {
  
    background-size: 30px;}
    .yourbrn {
  
      padding: 0 8%;
}.txt01 {
    font-size: 45px;
    line-height: 45px;    padding-top: 15px;
}
.shdepaint-opt span:nth-child(5) {
    margin-left: -22%;
}
.shdepaint-opt span {
    width: 34%;
    margin: 0 0 20px 0;
    height: 42px;
    margin-left: -21%;
}
.shdepaint-opt span:nth-child(9) {
    margin-left:-22%;
    margin-bottom: 20px;
}
.shdepaint-opt span:nth-child(7) {
    margin-left: -0%;
}.selectopts {
    margin-bottom: 40px;
}.cameraimg {
   
    margin: 0 -30px -30px -30px;
}
}
@media only screen and (max-width:479px) {
    .listing-view{ background:#f6f4f0; }
    .all-coco-cont:before { display: none;  }
    .landscape-message { display: none;  }
   .mic-area { padding: 25px 0;  } 
   .mic-area img { width: 190px;  }
   .all-coco-cont { background: #fff;  }
   .center-coc { width: 100%;  }
   .center-coc { background: none;  }
   .selectopts { padding: 0px;  }
.common-coco-pad{padding:20px; height: 100%; overflow-y: scroll;}
.ranglog,.larg01{font-size:64px;line-height:64px}
.ranglog span:nth-child(1){font-size:46px}
.larg02,.screen4 .larg02{font-size:30px;line-height:30px}
.selturoptn .optns{width:33.3%}
.screen3 .larg02{font-size:32px;line-height:32px}

.focus-img{width:200px;margin:-63px 0 0 -100px}
.txt01{width:55%;font-size:42px;line-height:42px;padding-top:10px}
.logo01 {
    width: auto;
    float: none;
    margin: 20px 0 0 0;
}
.larg03{font-size:20px;padding:20px 0;line-height:20px}
.seltproduct .optns{width:50%}
.subcat-list li {
    padding: 25px 0 10px 0;
    font-size: 20px;
}
.subcat-list input[type="radio"] + label span{ margin-top: -8px }
.header {
    margin-left: -20px;
    margin-right: -20px;
    padding: 20px;
    margin-top: -20px;
}.seltproduct .optns:nth-child(2n+1) {
    clear: both;
}
.seltproduct .optns:nth-child(3n+1) {
    clear: none;
}
.input {
  
    width: auto;
    float: none;
    margin-bottom: 20px;
}

.txt01 {
    width: auto;
      text-align: center;
    float: none; color: #000;
}
.txt01 br{ display: none; }
.yourbrn {
    padding: 0;
}
.logo01 img{ margin:0px auto; display: block; }
.header{     margin-bottom: 45px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0; }
.cameraimg {
    margin: 0 -20px -20px -20px;
}.logo1 img {
    max-width: 60%;
}
.branch-form .form-div{
    width: 100%;
}
}
@media only screen and (max-width:359px) {
.ranglog,.larg01{font-size:54px;line-height:54px}
.larg02{font-size:30px;line-height:30px}
.txt01 {
   
    font-size: 35px;
    line-height: 35px;
   
}


}