﻿.HomeSliderContainer{
    float:left;
    position:relative;
    width:100%;
    /*height:691px;*/
    background-color:#eef;
    border-bottom:1px solid #e3e6e8;
}

.HomeSliderContainer .BannerImg{
    /*cursor: move; 
    position: absolute; 
    overflow: hidden; 
    left: 0px; 
    top: 0px;*/ 
    width:100%;
    height:100%;
    background: url(../Images/PaintProtectionBannerBG.png) no-repeat top right;
    background-size:contain;
    background-color:#ffffff;
}

   .HomeSliderContainer .BannerImg .BannerTextContainer{
       font-family:'Proxima Nova Regular';
       float:left;
       margin-left: 27%;
       margin-top: 9%;
   }

      .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader{
          width:375px;
          height:90px;
          float:left;
      }

         .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1{
             font-size:30pt;
             /*font-family:'Proxima Nova Regular';*/
             font-family:'Proxima Nova Semibold';
         }

      .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText{
          font-size:11pt;
          margin-top:32px;
          width:475px;
          float:left;
          
      }

         .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p{
            width:350px;
            float:left;
            margin-left:5px;
         }

         .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText .BannerTextRight{
            margin-left:25px;
         }


.ProductBodyTopContainer{
    width:100%;
    height:535px;
}

    .ProductBodyTopContainer .GraficastTopContainer{
        width:100%;
        height:100%;
        background-color:#000000;
        /*display:block;*/
    }

        .ProductBodyTopContainer .GraficastTopLeftContainer{
            float:left;
            width:50%;
            height:100%;
            background-color:#000000;
        }

        .ProductBodyTopContainer .GrafiwrapTopContainer{
            float:left;
            width:100%;
            height:100%;
            background-color:#000000;
        }

            .ProductBodyTopContainer .GraficastTopLeftContainer .GraficastTextContainer{
                float:right;
                margin-top:200px;
                margin-right:6%;
                width:456px;
                color:#ffffff;
            }

                .ProductBodyTopContainer .GraficastTopLeftContainer .GraficastTitle{
                    width:100%;
                    height:92px;
                    float:left;
                    background: url(../Images/GrafiWarpTitleTxt.png) no-repeat;
                    background-size:contain;
                    margin-left:-55px;
                }

                .ProductBodyTopContainer .GraficastTopLeftContainer .GrafiwrapTitleTxt{
                    width:100%;
                    float:left;
                    font-family:'Proxima Nova Bold';
                    font-size:18pt;
                    color:#ffffff;
                }

                .ProductBodyTopContainer .GraficastTopLeftContainer .GrafiwrapSubTitle{
                    font-family:'Proxima Nova Thin';
                    font-size:12pt;
                }

                .ProductBodyTopContainer .GraficastTopLeftContainer .GraficastSmallLine{
                    float:left;
                    width:30px;
                    height:2px;
                    margin:10px 0 20px 0;
                    background-color:#23b153;
                }

                .ProductBodyTopContainer .GraficastTopLeftContainer .GraficastText{
                    float:left;
                    width:420px;
                    font-family:'Proxima Nova Thin';
                    text-indent:20px;
                }

        .ProductBodyTopContainer .GrafiwrapTopRightContainer{
            float:left;
            width:50%;
            height:100%;
            background:#000000 url(../Images/GrafiWarpBG.png) no-repeat top right;
            background-size:contain;
        }

        .ProductBodyTopContainer .GrafiwrapMiddleContainer{
            width:100%;
            /*height:100%;*/
            height:600px;
            background-color:#000000;
        }

            .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwrapTextContainer{
                float: left;
                margin-top: 3%;
                margin-left: 20%;
                width: 55%;
                padding-left: 3%;
                padding-top: 3%;
                color: #ffffff;
                border-top: 1px solid #43484d;
            }

                .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwrapTitleTxt{
                    width:100%;
                    float:left;
                    font-family:'Proxima Nova Bold';
                    font-size:18pt;
                    color:#ffffff;
                }

                .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwrapSubTitle{
                    font-family:'Proxima Nova Thin';
                    font-size:12pt;
                }

                .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwrapSmallLine{
                    float:left;
                    width:30px;
                    height:2px;
                    margin:10px 0 20px 0;
                    background-color:#23b153;
                }

                .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwrapText{
                    float:left;
                    font-family:'Proxima Nova Thin';
                }

                .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwarpProductContainer {
                    font-family:'Proxima Nova Bold';
                }

                    .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwarpProductContainer .GrafiwrapProductHeader{
                        float:left;
                        font-size:12pt;
                        margin-top:10px;
                    }

                    .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwarpProductContainer  ul{
                        float:left;
                        padding-left:0;
                        margin-bottom:10px;
                    }

                        .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwarpProductContainer ul li{
                            font-family:'Proxima Nova Thin';
                            list-style:none;
                        }

                .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwrapProductCharacteristics{
                    float:left;
                    font-family:'Proxima Nova Thin';
                    font-size:12pt;
                }

                .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwrapProductCharacteristics .CharacteristicsHeader{
                    float:left;
                }

                    .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwrapProductCharacteristics .CharacteristicsHeader h4{  
                        font-family:'Proxima Nova Thin'; 
                    }

                .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwrapProductCharacteristics  ul{
                    float:left;
                }

                    .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwrapProductCharacteristics ul li{
                        
                        /*display:inline-block;*/
                        /*width:270px;*/
                        list-style:none;
                    }

        /*.ProductBodyTopContainer .GraficastMiddleRightContainer{
            float:left;
            width:50%;
            height:100%;
            background:#000000 url(../Images/GrafiWarpBG.png) no-repeat;
            background-size:contain;
        }*/

@media only screen and (max-width: 767px){
/*.HomeSliderContainer {
    height: 150px;
}*/

.HomeBodyContainer .HomeBodyTop{
        margin-top:30%;
    }

.HomeSliderContainer .BannerImg{
    background: url(../Images/PaintProtectionBannerBG.png) no-repeat top center;
    background-size:cover;
    background-color:#ffffff;
    height:101%;
}

    .HomeSliderContainer .BannerImg .BannerTextContainer {
        margin-left: 2%;
        margin-top: 2%;
    }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader {
            width: 100%;
            height: 45px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1 {
                /*font-size: 7pt;*/
                font-size:3vw;
            }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText {
            font-size: 2.2vw;
            width: 50%;
            margin-top:0;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p {
                width: initial;
                margin-left:0;
                margin-right: 5px;
            }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText .BannerTextRight {
                margin-left: 0;
            }

    .ProductBodyTopContainer .GraficastTopLeftContainer{
        width:100%;
        padding-left: 5%;
        height: 80%;
    }

    .ProductBodyTopContainer .GrafiwrapTopRightContainer{
        float:right;
        height: 55%;
        width:100%;
    }

        .ProductBodyTopContainer .GraficastTopLeftContainer .GraficastTextContainer{
            margin-right:0;
            width:100%;
            margin-top:20%;
        }

        .ProductBodyTopContainer .GraficastTopLeftContainer .GraficastTitle{
            margin-left:0;
        }

        .ProductBodyTopContainer .GraficastTopLeftContainer .GraficastText{
            width:95%;
            text-align:justify;
        }

        .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwrapTitleTxt{
            font-size:16pt;
        }

    .ProductBodyTopContainer .GrafiwrapMiddleContainer .GrafiwrapTextContainer{
        width:90%;
        padding-left:0;
        margin-left:5%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    .RenderBodyContainer{
        background-color:#000000;
    }

    .HomeSliderContainer{
        height:280px;
    }

    .HomeSliderContainer .BannerImg .BannerTextContainer {
        margin-left: 5%;
        margin-top: 0%;
    }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader {
            width: 230px;
            height: 35px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerTextHeader h1 {
                font-size: 15pt;
            }

        .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText {
            font-size: 10pt;
            width: 312px;
            margin-top:40px;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p {
                width: 142px;
                margin-left:0;
                margin-right:5px;
            }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText .BannerTextRight {
                margin-left: 20px;
            }

    .ProductBodyTopContainer .GraficastTopLeftContainer{
        width:75%;
        height:initial;
    }

    .ProductBodyTopContainer .GrafiwrapTopRightContainer{
        width:100%;
        height:75%;
    }

        .ProductBodyTopContainer .GraficastTopLeftContainer .GraficastTextContainer{
                margin-top:20%;
        }

            .ProductBodyTopContainer .GraficastTopLeftContainer .GraficastTitle{
                margin-left:0;
            }

.FooterGeneralContainer{
    height:126px;
}
}

@media only screen and (min-width: 1025px) and (max-width: 1523px) {
    /*.HomeSliderContainer .BannerImg .BannerTextContainer {
            margin-left: 18% !important;
            margin-top: 2% !important;
        }*/

    .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText p{
        width:435px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1750px) {
    .HomeSliderContainer .BannerImg{
        background-size:inherit;
    }

        .HomeSliderContainer .BannerImg .BannerTextContainer {
            margin-left: 18% !important;
            margin-top: 2% !important;
        }

            .HomeSliderContainer .BannerImg .BannerTextContainer .BannerText {
                font-size: 12pt;
            }
}

@media only screen and (min-width: 2300px){
    .RenderBodyContainer{
        background-color:#000000;
    }

    .ProductBodyTopContainer .GrafiwrapMiddleContainer{
        margin-top:-1px;
    }

}