﻿#breadcrumb, .page-category, #cph_main_pnlNormal {
display: none;

}

#block-desktop {padding-right: 10px;}

h2.desktop-title {font-size: 30px;}

.specialty-title {text-transform: none !important;}

#Body {/*background-color: #EDEDED !important;*/ background: none;}

#content {margin-left: 12px !important;}

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    #content {
      left: -48px;
      width: 85%;
    }

    .home-page-top-items .slit-blocks_item:last-child {
        width: 75% !important;
    }

    .home-page-top-items .slit-blocks_item {
      height: 382px;
    }

    .home-section-two ul
    {
      margin-left: 45px;
    }
    .home-section-two ul li {
      margin-left: 1px;
      width: 298px !important;
    }

    .more-products li .content_block a {left: 27px;}

    .slick-list.draggable {margin-right: 10px;}
    .home-section-two li:nth-child(2) {
      margin-right: 5px;
    }
    
    .home-section-two li:nth-child(1) {
      margin-right: 5px;
    }

    .home-section-four li:nth-child(1) {
      margin-left: 55px !important;
      width: 428px !important;
    }

    .home-section-four li:nth-child(2) {
      margin-left: 45px !important;
      width: 428px !important;
    }

    .home-section-four li:nth-child(1) .content_block {
      position: relative;
      left: 55px !important;
    }

    .home-section-four li:nth-child(2) .content_block {
      position: relative;
      left: 35px !important;
     }

    .how-to-paint-stain {background: #fff !important; }
    .how-to-paint-stain .Colour-trend-col1 {width: 90px !important;}
    .how-to-paint-stain .Colour-trend-col2 {width: 55px !important;}
    .how-to-paint-stain .Colour-trend-col3 {width: 60px !important;}
    .how-to-paint-stain .Colour-trend-col4 {width: 77% !important; }
    .product-profile-custom .sf_colsOut.Colour-trend-col4 {
      width: 77% !important;
    }
    .h2-30 {
      font-size: 24px !important;
    }

 }
      

@media (max-width: 640px){

    #header {
        border-bottom: none !important;
        height: 115px !important;
    }

    .slick-arrow.slick-prev {
      top: 130px;
      z-index: 2;
    }

    .slick-arrow.slick-next {
      right: 12px;
      top: 130px;
    }
    
    .specialty-title {
        margin: 0px !important; 
        }

        .home-page-top-items {
            padding-left: 37px;
            padding-right: 33px;
          }

        .paint-colours-title {
            padding: 0 35px;
            text-align: center;
        }

        .paint-colours-title {font-weight: bold;}
        
        .home-section-four .btn-yellow {
            position: relative;
            bottom: 54px;
            padding: 10px 70px;
            left: 40px;
        }

        .home-section-four ul li::before {
            content: " ";
          }

        .home-section-four ul li {
            margin-left: 13px;
            margin-right: 33px;
        }

        #home-banner-ul-list {margin-right: 33px; margin-left: 23px;}
        #home-banner-ul-list .banner-img img {
            height: 257px !important;
           }
        
        #home-banner-ul-list .banner-content {
            height: 255px !important;
        }

        .home-section-three ul li::before {
            content: " ";
          }

        .home-section-three .item-link {
            height: 65px;
        }

            .home-section-three .item-link .btn-yellow {
                position: relative;
                top: 15px;
                left: 10px !important;
            }

        .home-section-two ul li:last-child .description {
                display: none;
        }

        .blank-col {display: none;}

        .home-page-top-items div:nth-child(1) {
          height: 270px !important;
      }
      
      .home-page-top-items div:nth-child(2) {
              height: 230px !important;
              margin-bottom: 35px;
      }

     /* .home-section-four li:nth-child(2) .content_block{
        position: relative;
        right: 18px;
      }*/

      .banner-title {font-size: 16px;}
      a.technical {padding: 3px 10px;}
      .banner-content {padding-top: 0px;}

    .home-page .product-profile-custom .more-products-content-block {
        margin-bottom: 15px;
    }

    .home-section-two .custom-choose-btn {
        justify-content: center;
        display: flex;
        align-items: center;
    }

        .home-section-two .custom-choose-btn .btn-yellow {
            padding: 10px 15px;
            left: auto;
            width: auto;
        }

       
}



@media (min-width: 640px){

    #header {
      border-bottom: none !important;
      height: 146px !important;
    }
    .specialty-title {
        margin-top: 0px !important; font-size: 30px !important;
    }


        #home-banner-ul-list {margin: 0px; padding: 0px;}
        .home-match-colour {margin-top: 0px !important;}
        
        
        
        #home-banner-ul-list li {margin: 0px; padding: 0px;}    
        #subnav {display: none;}
        
       
        .health-safety-section {position: relative; left: -12px;}
    
        .home-page-top-items .slit-blocks_content {
            padding-left: 60px;
            padding-right: 40px;
            padding-top: 25px;
        }
    
        .home-page-top-items .slit-blocks_content div {
            height: initial;
          }
    
          .home-section-two .btn-yellow:hover {
            background: #000;
              background-color: rgb(0, 0, 0);
            border-color: #000;
            color: #fff !important;
          }
          
          .home-section-two li .content_block .btn-yellow {
            width: 235px;
            bottom: 65px;
          }      
          
          .home-section-store-locator {
            float: left;
            height: 295px;
            padding-left: 50px;
            padding-right: 0px;
         }
        
        .home-section-store-locator  .item-title {        
            font-size: 30px;
            font-weight: bold;
            /*margin-top: 45px;*/
        }
        
        
        .home-section-store-locator .item-summary {
            margin-bottom: 24px;
            
        }
    
        
        .home-page-top-items{
            display: flex;
            padding-right: 82px!important;
        }
        
        .home-page-top-items .slit-blocks_item:last-child {
            width: 100%;
            margin: 0px !important;
        }
        .home-page-top-items .slit-blocks_content {
            margin: 0 auto;
            display: block;
            width: 415px;
        }
        
        .home-page-top-items .slit-blocks_item {
            margin-bottom: 0px !important;
        }
        
        .home-section-three.more-products {
            display: flex;
            padding: 0 10px 0px 58px;
        }
        
        .home-section-three ul {
            width: 100%;
            margin: 0px;
        }
        
        .home-section-three li {
            width: 44%!important;
            margin: 0;
        }
        
        .home-section-three.more-products img.lazy {
            width: 500px!important;
        }
    
        .home-section-three li .content_block {
            margin: 0 auto;
            display: block;
            width: 330px;
            position: relative;
            top: 50px;
        }
        
        .home-section-three li:nth-child(1){
            margin-right: 0px;
        }
        
        .home-section-three ul li { padding-left: 0px;}
        
        .home-page-top-items p, .location-popular-title p {line-height: 1.5;}
        
        .home-section-three li:nth-child(2)
        {
        margin-left: 5px;
        }
    
        .home-section-two  li .i-o-image img {
            width: 318px !important;
            height: 295px;
        }
        
        .home-section-two .description {padding: 0px !important;}
        .home-section-three .description {padding: 0px !important;}
        .home-section-sep {
            clear: both;height: 60px;margin: 0px;padding: 0px;
        }
    
    
        .home-section-four .more-products {
            display: flex;
            padding: 0 10px 0px 58px;
          }
          
          .home-section-four ul {
            width: 100%;
            margin: 0px;
          }
          
          .home-section-four li:nth-child(1) {
            margin-right: 0px;
          }

          .home-section-four li:nth-child(1) .content_block{
            position: relative;
            left: 80px;
          }

          .home-section-four li:nth-child(2) .content_block{
            position: relative;
            left: 55px;
          }
          
          .home-section-four ul li {
            padding-left: 0px;
          }
          
          .home-section-fourli:nth-child(2) {
            margin-left: 5px;
          }
          
          .home-section-four ul li {
            padding-left: 0px;
          }
          
          .home-section-four img.lazy {
            width: 500px !important;
          }
          
          .home-section-four  li {
            width: 515px;
            float: left;
            margin-top: 0px !important;
            margin-left: 60px;
          }
          
          .paint-colours-title h2 {
            text-transform: none;
            color: #fff;
            font-size: 34px;
            line-height: 1;
            font-weight: 700;
            text-align: left;
            margin: 0px;
          }
    
          .paint-colours-title {
            padding-left: 25%;
            padding-right: 25%;
            text-align: center;
          }    
          
          .h2-30 {font-size: 30px !important;}

          .home-section-five ul li:first-child {text-align: right;}
          .home-section-five img {
            width: 440px !important;
          }
         
}          

@media only screen and (min-device-width: 360px) and (max-device-width: 640px)
{
    .home-section-two .sfitem .btn-yellow {
        text-align: center;
        font-size: 14px !important;
        left: auto;
    }

    /*.home-section-two .custom-choose-btn .btn-yellow {
        left: 0px !important;
    }*/

     /*.home-section-two ul li:nth-child(3) .content_block .btn-yellow {
      bottom: 210px !important;
     }*/
     /*.home-section-four .btn-yellow {
      left: 47px!important;
    }*/

    .home-section-three .sfitem .btn-yellow {
      bottom: 60px !important;
      /*left: 35px !important;*/
    }

    
}

@media only screen and (min-width: 320px) and (max-width: 359px)
{
  .home-page-top-items div:nth-child(1) {
    height: 445px !important;
   }

    .home-section-two .custom-choose-btn .btn-yellow:lang(fr) {
        padding: 10px 5px;
        left: auto;
        width: auto;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1219px)
{
  .product-profile-custom .m-w2.section-inner {
     width: 100% !important;
   }
   #content {
    margin-left: 0px !important;
   }

   .page-section {width: 100%;}

   .home-section-two li {width: 27% !important; margin-left: 34px;}
   .home-page-top-items .slit-blocks_item:last-child {width: 90%;}
   .home-section-four ul li:nth-child(2) {margin-left: 0px;}
   .page-section {padding: 0px;}
   
}

@media only screen and (min-width: 1172px) and (max-width: 1219px)
{
  .how-to-paint-stain .sf_colsOut.Colour-trend-col4 {    width: 78% !important;}
}

@media only screen and (min-width: 1083px) and (max-width: 1172px)
{
  .how-to-paint-stain .sf_colsOut.Colour-trend-col4 {    width: 77% !important;}
}

@media only screen and (min-width: 640px) and (max-width: 1082px)
{
  .how-to-paint-stain .sf_colsOut.Colour-trend-col4 {    width: 75% !important;}
}


@media only screen and (min-width: 1150px) and (max-width: 1204px)
{
  .home-section-four img.lazy {
    width: 465px !important;
   }
}

@media only screen and (min-width: 640px) and (max-width: 1149px)
{
  .home-section-four img.lazy {
    width: 470px !important;
   }

   .home-section-four li {margin-left: 50px;}
}

@media only screen and (min-width: 641px)  and (max-width: 767px){
  .home-section-two li:nth-child(1) {
    margin-right: 0px;
  }

  .home-section-two li {
    width: 290px !important;
    float: left;
    margin-top: 0px !important;
    margin-left: 10px;
   }
 
}

@media (max-width: 1079px)
{
  .home-section-four li {
    width: 480px;
   }
}

@media screen and (max-width: 980px){
  .how-to-paint-stain {
      background: #ffffff !important;
  }

  
}

@media screen and (max-width: 768px){
  .home-page-top-items {
    padding-left: 15px!important;
    padding-right: 33px;
}

.product-profile-custom .more-products {
  padding: 0px 24px;
  position: relative;
  left: -10px;
}
#home-banner-ul-list {
  margin-right: 33px;
  margin-left: 3px!important;
}

.home-section-four ul li {
  margin-left: 0px;
  margin-right: 33px;
/*  position: relative;
  left: -39px;*/
}

    .home-section-four .content_block {
        justify-content: center;
        display: flex;
    }

    .home-section-four .btn-yellow {
        position: relative;
        bottom: 54px;
        padding: 10px 15px;
        left: 0px !important;
    }

.how-to-paint-stain {
  position: relative;
  left: -10px;
  padding: 0!important;
}
.how-to-paint-stain .colour-trends-content {
  padding: 0 20px;
}

table.formTbl .submit, .btn-yellow, a.technical{
  line-height: 23px;
}

    #home-top-link a.technical {
        margin-top: 0px;
        color: #ffffff !important;
        background-color: #036fad;
        font-weight: 600;
        font-size: 18px;
        letter-spacing: .02em;
        box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
        padding: 10px 20px;
    }
}

