﻿

      .sideproduct{position: fixed;top:29%;width:20%;z-index:8;color:white;transition:all .2s linear;height:120px;overflow: hidden;cursor:pointer;opacity:.5;z-index:99}
        .sideproduct:hover{opacity:1}
        .rightprs{right:-17%;transition:all .2s linear;text-align:left;}
        .leftprs{left:-17%;transition:all .2s linear;text-align:right;}
        .rightprs:hover{right:0%;height:auto;overflow:visible;text-align: center;}
        .leftprs:hover{left:0%;height:auto;overflow:visible;text-align: center;}
        .sideproduct .first {background:#00000094;}
        .sideproduct .second img{width:100%;height:120px;border-bottom:none;}
        .sideproduct .row{margin: 0px!important;}
        .sideproduct .col-md-6 {padding-left: 10px;line-height:120px;height:120px;width: 126px;border:1px solid #ededed;}
        .sideproduct .col-md-12 {padding: 0px!important;line-height:60px;background:white;}
        .fullmh{   padding-right: 12px;height:50px;border: 1px solid #ededed; transition: all .3s linear}
        .fullmh p{margin:0 0 5px 0;    margin: 0 0 -5px 0;  font-weight: 600;
    font-size: 14px;}
        .fullmh p:nth-child(2){font-weight: 400;font-size:13px;color:#ccc;}

        @media (max-width:425px) {

            @media only screen and (orientation: landscape) {
                .navbar-brand {
                    top: 0px;
                    width: 50%;
                    margin: 0px;
                    padding: 0px;
                    position: absolute;
                    color: black;
                    left: 0px;
                }
                .sideproduct .col-md-6 {
    padding-left: 10px;
    line-height: 99px!important;
    height: 90px!important;
    width: 126px;
    border: 1px solid #ededed;
}
            }

            #mk-page-title-box-5679007b9df86 .mk-effect-bg-layer {
                background-image: url(../images/banner-img1.jpg);
                background-position: center center;
            }

            @media only screen and (max-width:768px) {
                body{overflow:scroll}
                #bs-example-navbar-collapse-1 {
                    background-color: #ffffff;
                }

                li:hover {
                    background-color: #fff;
                }

                #navbar {
                    background-color: #ffffff;
                }

                p {
                    text-align: center;
                }
                .rightprs{display:none}
                .leftprs{display:none}
            }

            .txt {
                font-size: 41px !important;
                text-align: center !important;
                color: #393836;
                text-transform: uppercase;
                font-weight: bold;
                padding-top: 0px;
                padding-bottom: 0px;
                letter-spacing: 0px;
                text-align: center;
                margin-top: 16px;
            }

            .head {
                font-size: 22px !important;
                letter-spacing: 1px;
            }
        }
  body{overflow:hidden}
        .doorpro{padding:2px 6pc;background:#ededed;box-sizing: border-box; }
        .doorpro p , h4{margin:0px;}
        .doorpro p {font-size:14px;}
        .doorpro a{color:red;font-size:13px;text-decoration: underline;}
        .produ{margin-top:40px;}
        .produ ul{border:1px solid #ededed;margin:12px 0px;list-style:none;padding:5px 0px 0px 10px; font-size:14px;margin-left:12px;overflow: hidden;}
        .produ ul ul{border:none;padding-left:15px;width:100%;margin-top:0px;margin-bottom:0px;}
        .produ ul ul li{border-bottom:1px solid #ededed;line-height:35px;font-size:13px;position: relative;}

        .produ ul ul li:hover:before{color:red;}
        .produ ul  li a{display: block;}

        .produ ul ul li:last-child{border:none;}
        .produ   ul li>a:hover{color:red;}
        .produ   a:focus{color:red;}
        .produ .pt{font-weight: 600;font-size:14px}
        .prsec{width:100%;}
        .prsec img{width:100%;height:150px;}
        .prsec .textpr{border:none; padding:5px;position:relative;}
        .prsec .textpr i{color:#ccc;margin-right:5px;}
        .prsec .textpr .tit{width:120px;color:gray;font-size:14px;font-weight: 700;color:dimgray}
        .prsec .textpr .tit a:hover{color:gray;}
        .prsec .textpr .ic{position:absolute;top:5px;right:5px;}
        .inli a{color:red;text-decoration:underline;font-size:13px;transition:all .3s linear;}
        .inli a:hover{color:red;}
        .pts p{font-size:15px;}
        .prwd img{width:100%}
        .prwd .imge{border:1px solid #e1e1e1}
        .prwd .imge:hover{border:1px solid red}
        .myfrm label{font-weight: 300;font-size:15px;color: black;}
        .myfrm label, .edi{text-align: left!important;}
        .myfrm  .form-control{border-radius:0px;padding-left: 10px}
        .edi{height:40px;background:#dd3333 !important;margin:5px 0;line-height:40px;color:white;padding:0;width:100px;text-align: center!important;font-size:16px;}
        .edi:hover{background:red;color:white;}
        .allpf{padding:40px 30px 40px 40px ;}
        .btn{border-radius:0px;}
        sup{vertical-align: middle!important;}
      .myfrm {color:white!important;}
      .ico{margin-right:5px}
        @media (max-width:425px){

            .produ ul li:hover ul{display:block;}

            .produ ul li ul{display:none;}
        }