@font-face {
    font-family: 'font1';
	src:url(font/open.ttf);
}
a{text-decoration:none;}
body{margin:0px;}
html, body{
	font-family: font1;       
}
body{margin:0px;}
#container{width:100%;height:auto;margin:auto;overflow:hidden;}
.header{width: 80%;height: auto;margin: auto;overflow: hidden;background-color: #fe0000;padding: 0px 10%;}
.header>a>img{float: left;}

.clear{width:100%;height:1px;margin:auto;overflow:hidden;}
.headright{width: 50%;float: right;overflow: hidden;text-align: right;margin-top: 1%}
.headright>a img{float: right;margin-left: 2%;}
.headright>h3{text-align: right;margin: 0px;color: #fff;font-size: 15px;}

.navi{width: 100%;height: auto;background-color: #dd0505;overflow: hidden;box-sizing: border-box; padding: 0px 10%;margin: auto;}
#menu{width:100%;margin: auto;height: auto;}
#menu>ul{margin: 0px;padding: 0px;list-style: none;}
#menu>ul>li a{float: left;padding: 1% 4%;color: #fff;font-size: 16px;border-left: 1px solid #fff;}
#menu>ul>li a:hover{background-color: #810303;}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-weight: bold;font-size:22px;text-decoration: none;color: #fff;color: #fff;background-image: url(../images/slide-bg.jpg);background-repeat: repeat;text-align: center;padding: 2% 0px;display: none;transition:all ease-in-out 1s;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu1{
    display: block;
}
.inbody{width: 80%;height: auto;overflow: hidden;margin: auto;}

.slide{width: 100%;height: auto;margin: auto;overflow: hidden;margin-bottom: 1%;}
.slide>img{width: 100%;}
.banner{width: 100%;height: auto;margin: auto;overflow: hidden;margin-bottom: 1%;}
.banner>img{width: 100%;}

.about{width: 65%;float: left;height: auto;overflow: hidden;background-color: #fafafa;box-sizing: border-box;padding: 1%;}
.about>h2,.why>h2{color: #fe0000;font-size: 28px;margin: 0px;}
.about>p{font-size: 14px;text-align: justify;margin-top: 0px;}

.why{width: 33%;float: right;height: auto;overflow: hidden;background-color: #fafafa;box-sizing: border-box;padding: 1%;}
.why>ul{list-style-image: url(../images/arw.png);}
.why>ul>li{font-size: 20px;margin-bottom: 2%;}

.service{width: 100%;height: auto;margin: auto;overflow: hidden;margin-top: 2%;margin-bottom: 1%;background-image: url(../images/bg.jpg);background-size: 100% auto;box-sizing: border-box;padding: 1% 10%;}

.ser{width: 15.6%;float: left;height: auto;overflow: hidden;text-align: center;background-color: #f8f8f8;box-sizing: border-box;padding: 1%;border-radius: 10px;margin-right: 1%;}
.ser>img{width: 95%;border-radius: 10px;height: 150px;}
.ser>h3{font-size: 15px;color: #636466;margin: 0px;height: 40px;}

.detbut{background-color: #fe0000;color: #fff;font-size: 14px;padding: 5px 30px;border: none;margin-top: 3%;border-radius: 6px;cursor: pointer;}
.detbut:hover{background-color: #be0404;}

.galery{width: 80%;height: auto;margin: auto;overflow: hidden;margin-top: 2%;margin-bottom: 1%;}
.galery>h2,.client>h2{color: #fe0000;font-size: 28px;text-align: center;}
.gal{width: 19.5%;float: left;height: auto;overflow: hidden;margin-bottom: 2%;margin-right: .5%;}
.gal>img{width: 100%;}

.client{width:80%;height:auto;margin:auto;overflow:hidden;margin:auto;margin-top:1%;padding-bottom: 2%;}
.client>img{width:25%;float:left;}
.client>img:hover{-moz-transform:scale(1.1,1.1);-moz-transition-duration:1s; -webkit-transform:scale(1.1,1.1);-webkit-transition-duration:1s; }
/*Style 'show menu' label button and hide it by default*/
.show-menu {
    font-weight: bold;font-size:22px;text-decoration: none;color: #fff;color: #fff;background-image: url(../images/slide-bg.jpg);background-repeat: repeat;text-align: center;padding: 2% 0px;display: none;transition:all ease-in-out 1s;
}
/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu1{
    display: block;
}

.sld{width: 100%;height: auto;overflow: hidden;margin: auto;box-sizing: border-box;padding: 1% 2%;}
#slider2 { position:relative; width:100%;height:185px; border-top:1px solid #aaa;border-bottom:1px solid #aaa;    }

.thumbelina {
    list-style:none;padding:0px;margin:0px;position:absolute;white-space:nowrap;
    font-size:0; -webkit-touch-callout: none;  -webkit-user-select: none;     }

/* Style for the list items that surround the thumbnails */
.thumbelina li {
   padding:5px;
   line-height: 0px;
   margin:0px;
}

/* Add a border to the thumbnails. */
.thumbelina li img {border:1px solid #ccc;width: 190px;height: 172px;}

/* Hover effect for the images */
.thumbelina li img:hover {border:1px solid #aaa;}

/* Common style for the buttons */
.thumbelina-but {
    position:absolute;background-color: #ccc;border:1px solid #aaa;box-shadow: 0px 0px 8px rgba(0,0,0,0.25);
    z-index: 1;cursor:pointer;       
    /* Font related items for the symbols used on buttons */
    /* Obviously not needed if you're just using images */
    color:#888; text-align:center; vertical-align:middle;font-size:14px;font-weight: bold;font-family:monospace;
}

/* Hover style for active button */    
.thumbelina-but:hover {color:#fff; box-shadow: 0px 0px 8px rgba(0,0,0,0.5);}

/* Disabled style when button is not active due to extents being reached. */
/* You could do other things e.g. make buttons dissapear completely. */
.thumbelina-but.disabled,
.thumbelina-but.disabled:hover {background-color: #efefef;color: #ccc;cursor:default;box-shadow:none;}

/* Horizontal buttons. */
.thumbelina-but.horiz {    width: 20px;height: 185px;line-height: 185px;top:-1px;}
/* Left edge button. */
.thumbelina-but.horiz.left {    left:-22px;    border-radius: 5px 0px 0px 5px;}
/* Right edge button */
.thumbelina-but.horiz.right {  right:-22px;  border-radius: 0px 5px 5px 0px;}



.read{background-color: #e2e3e5;background-color: #810303;padding: 1.5% 3%;border-radius: 5px;color: #fff;text-align: center;width: 25%;}
.read1{background-color: #e2e3e5;background-color: #810303;padding: 2% 3%;border-radius: 5px;color: #fff;text-align: center;width: 60%;font-size: 14px;margin: auto;}

.next{border: 2px solid #ccc;color: #008cd1;text-align: center;padding: 1% 3%;float: right;margin-right: 3%;margin-bottom: 2%;border-radius: 10px;}
.next:hover{border: 2px solid #008cd1;}

.pro{width: 80%;height: auto;margin: auto;overflow: hidden;}
.pleft{width: 28%;float: left;overflow: hidden;border-radius: 5px;background-color: #fff;}
.pleft>h2{text-align: center;color: #fff;background-image: url(../images/slide-bg.jpg);background-repeat: repeat;margin: 0px;padding: 1% 0px;}
.pleft>ul{list-style-image: url(../images/arw.png);padding: 0px;width: 80%;margin: auto;}
.pleft>ul>a li{text-align: left;border-bottom: 1px solid #e2e3e5;margin-bottom: 2%;margin-top: 2%;padding: 2% 0px;font-size: 16px;color: #000;}

.pright{width: 71%;float: right;overflow: hidden;border-radius: 5px;background-color: #fff;}
.pright>h2{text-align: center;color: #fff;background-color: #810303;margin: 0px;padding: 1% 0px;}
.pfull{width: 80%;margin: auto;overflow: hidden;border-radius: 5px;background-color: #fff;margin-top: 2%;}
.pfull>h2{text-align: center;color: #fff;background-image: url(../images/pdt-bg.png);background-repeat: repeat;margin: 0px;padding: 1% 0px;}

.rbox{width: 80%;height: auto;margin: auto;overflow: hidden;text-align: center;}
.rbox>a img{width: 80%;}
.rbox>h2{font-size: 20px;color: #751d0c;margin:0px;margin-top: 2%;text-align: left;}
.rbox>h3{font-size: 18px;color: #144651;margin:0px;text-decoration: underline;text-align: left;}
.rbox>p{font-size: 16px;text-align: justify;}

.pdt{width: 31%;float: left;margin-right: 1%;height: 270px;background-color: #fff;margin-bottom: 1%;margin-left: 1%;margin-top: 1%;border-bottom: 2px solid #ededed;text-align: center;overflow: hidden;}
.pdt>h4{font-size: 14px;margin: 1%;}
.pdt>img{width: 86%;height: 180px;}
.pdt>h4>span{color: #993300;}

.pdtnew{width: 23%;float: left;margin-right: 1%;height: 270px;background-color: #fff;margin-bottom: 1%;margin-left: 1%;margin-top: 1%;border-bottom: 2px solid #ededed;text-align: center;overflow: hidden;}
.pdtnew>h4{font-size: 14px;margin: 1%;}
.pdtnew>img{width: 86%;height: 180px;}
.pdtnew>h4>span{color: #993300;}

.clear{width: 100%;height: 1px;overflow: hidden;margin: auto;}


/*****************Footer***********************/
.fo{width: 100%;height: auto;margin: auto;overflow: hidden;background-color:#482222;border-top: 8px solid #dd0505;padding-top: 1%;padding-bottom: 1%;}
#footer{width:80%;height:auto;margin:auto;overflow:hidden;text-align:center;}
#foot1{width:30%;height:auto;float:left;overflow:hidden;margin-right:1%;}
#foot1>iframe {width:100%; height:140px;border:none;}
#foot1>h2{color:#fff;font-size:20px;text-align:center;margin:1% 0px;font-weight:100;}
.foot2{width:20%;height:auto;float:left;overflow:hidden;}
.foot2>h2{color:#fff;font-size:20px;text-align:center;margin:1% 0px;font-weight:100;}
.foot2>a{color:#ffffff;font-size:16px;text-align:center;margin:1px 0px;float:left;width:100%;}
.foot2>a:hover{color:#d1c718;}
.foot2>h3,.foot2>div h3{color:#ffffff;font-size:14px;text-align:center;margin:1px 0px;font-weight:100;}
.foot2>h4{color:#ffffff;font-size:16px;text-align:center;margin:1px 0px;font-weight:100;}
#foot3{width:25%;height:auto;float:right;overflow:hidden;margin-right:1%;}
#foot3>h2{color:#fff;font-size:20px;text-align:center;margin:1% 0px;font-weight:100;}
.srk{width:90%;height:25px;border:none;background-color:#e7e9ea;margin-top:2%;text-align:center;}
.buton3{background-color:#d1c718;border:none;width:45%;height:30px;margin:auto;margin-top:2%;color:#FFF;font-size:14px;font-weight:bold;}

#power{width:100%;height:auto;margin:auto;overflow:hidden;text-align:center;background-color: #1f0000;padding:1% 0px;}
#power>h2{color:#fff;font-size:13px;text-align:center;margin:0px;font-weight:100;}
#power>h2>a{color:#f8941e;}
#power>h2>a:hover{color:#ff00ff;}

.anshad{width: 80%;height: auto;margin: auto;background-color: #fff;border-radius: 10px;margin-top: 2%;margin-bottom: 2%;overflow: hidden;}
.anshad>h2{color: #fe0000;font-size: 35px;}
.anshad>p{font-size: 16px;text-align: justify;color: #656659}


#co{color:#144651;font-size:22px;}
#cotr{color:#144651;}
#contact{width:50%;height:auto;overflow:hidden;text-align:left;float:left;padding:1%;margin-top:3%;}
#contact>h2{color:#144651;font-size:32px;margin:0px;font-weight:100;}
#contact>h3,#contact>div h3{color:#333232;font-size:18px;margin:0px;font-weight:100;}
#contact>h4{color:#990033;font-size:20px;margin:0px;margin-top: 2%;;}
#ab-rght{width:40%;height:auto;overflow:hidden;float:right;margin-top:3%;}
#enquiry{text-align:center;}
#enquiry_box{width:80%;height:auto;text-align:center;border:1px solid #d6d6d6;padding-bottom:2%;}
#enquiry_box>h2{color:#fff;font-size:25px;margin:auto;font-weight:100; text-align:center;background-color:#144651;margin-bottom:1%;text-transform:uppercase;}
.searchh{border:1px solid #144651;padding:1%;color:#000;width:80%;margin-top:2%;height:30px;}
.message{border:1px solid #144651;padding:1%;color:#000;width:80%;margin-top:2%;height:50px;}
.btn{background-color:#144651;border:none;padding:1% 6%;color:#fff;margin-top:4%;font-size:20px;}
#map{width:100%;height:auto;overflow:hidden;margin:auto;padding-top:3%;padding-bottom:3%;}

.jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('../images/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url('../images/a22.png') center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }


.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av{ background: url(../images/b03.png) no-repeat;overflow:hidden;  cursor: pointer;}
.jssorb03 div { background-position: -5px -4px; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position: -35px -4px; }
.jssorb03 .av { background-position: -65px -4px; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position: -95px -4px; }
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../images/a03.png) no-repeat;
    overflow:hidden;
}
.jssora03l { background-position: -3px -33px; }
.jssora03r { background-position: -63px -33px; }
.jssora03l:hover { background-position: -123px -33px; }
.jssora03r:hover { background-position: -183px -33px; }
.jssora03ldn { background-position: -243px -33px; }
.jssora03rdn { background-position: -303px -33px; }
/*Sucessfull*/
.success, .warning, .error, .validation {
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}

.success {

background-image:url('../images/sucess.png');
width:550px;
	height:auto;
	padding:20px;
	position:fixed;
	top:170px;
	left:28%;
	background-color: #DFF2BF;
	min-height:20px;
        font-size: 20px;color: #FF6600;
	overflow:hidden;
	z-index:200000;
	background-image:url(images/tooltip.PNG);
	text-align:center;
  box-shadow: 5px 5px 5px #888888;	border-radius:10px;
}

#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  position: relative;
}
#cssmenu {
  width: 98%;
  border-bottom: 4px solid #656659;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#cssmenu a {
  line-height: 1.3;
}
#cssmenu > ul > li:first-child {
  background: #66665e;
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
  background: linear-gradient(#66665e 0%, #45463d 100%);
  border: 1px solid #45463d;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#cssmenu > ul > li:first-child > a {
  padding: 15px 10px;
  background: url(../images/pattern.png) top left repeat;
  border: none;
  border-top: 1px solid #818176;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  font-family: 'Ubuntu', sans-serif;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  text-shadow: 0 -1px 1px #000000;
}
#cssmenu > ul > li:first-child > a > span {
  padding: 0;
}
#cssmenu > ul > li:first-child:hover {
  background: #66665e;
  background: -moz-linear-gradient(#66665e 0%, #45463d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #66665e), color-stop(100%, #45463d));
  background: -webkit-linear-gradient(#66665e 0%, #45463d 100%);
  background: linear-gradient(#66665e 0%, #45463d 100%);
}
#cssmenu > ul > li {
  background: #e94f31;
  background: -moz-linear-gradient(#e94f31 0%, #d13516 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e94f31), color-stop(100%, #d13516));
  background: -webkit-linear-gradient(#e94f31 0%, #d13516 100%);
  background: linear-gradient(#e94f31 0%, #d13516 100%);
}
#cssmenu > ul > li:hover {
  background: #e84323;
  background: -moz-linear-gradient(#e84323 0%, #c33115 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e84323), color-stop(100%, #c33115));
  background: -webkit-linear-gradient(#e84323 0%, #c33115 100%);
  background: linear-gradient(#e84323 0%, #c33115 100%);
}
#cssmenu > ul > li > a {
  font-size: 14px;
  display: block;
  background: url(../images/pattern.png) top left repeat;
  color: #ffffff;
  border: 1px solid #ba2f14;
  border-top: none;
  text-shadow: 0 -1px 1px #751d0c;
}
#cssmenu > ul > li > a > span {
  display: block;
  padding: 12px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#cssmenu > ul > li > a:hover {
  text-decoration: none;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.has-sub > a span {
  background: url(../images/icon_plus.png) 96% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url(../images/icon_minus.png) 96% center no-repeat;
}
/* Sub menu */
#cssmenu ul ul {
  display: none;
  background: #fff;
  border-right: 1px solid #a2a194;
  border-left: 1px solid #a2a194;
}

#cssmenu ul ul li {
  padding: 0;
  border-bottom: 1px solid #d4d4d4;
  border-top: none;
  background: #f7f7f7;
  background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
  background: linear-gradient(#f7f7f7 0%, #ececec 100%);
}

#cssmenu ul ul li:last-child {
  border-bottom: none;
}
#cssmenu ul ul a {
  padding: 5px 10px 5px 24px;
  display: block;
  color: #676767;
  font-size: 12px;
  font-weight: normal;
}
#cssmenu ul ul a:before {
  content: "»";
  position: absolute;
  left: 10px;
  color: #e94f31;
}
#cssmenu ul ul a:hover {
  color: #e94f31;
}

@media screen and (max-width:1150px){
    
}
@media screen and (max-width:1024px){
    .inbody,.galery,.client,#footer,.anshad { width: 90%;}
    .why > ul > li{font-size: 17px;}
    .about > h2, .why > h2{font-size: 24px;}
    .header > a > img{ width: 32%;}
    .header{width: 90%;padding: 0px 5%;}
    .navi{padding: 0px 5%;}
    .service{padding: 1% 5%;}
    .ser > h3{font-size: 13px;}
}

@media screen and (max-width:900px){
   
}
@media screen and (max-width:800px){
    .header > a > img{ width: 37%;}
    .why > ul > li{font-size: 14px;}
    .about > p{font-size: 13px;}
    .detbut{padding: 5px 20px;font-size: 12px;}
    .anshad > h2{font-size: 30px;}
    .anshad > p{font-size: 14px;}
    #foot1>h2,.foot2>h2,#foot3>h2{font-size: 18px;}
    #contact > h2{font-size: 25px;}
    #co{font-size: 18px;}
}
@media screen and (max-width:750px){

    #foot1,.foot2,#foot3{width: 45%;margin-bottom: 2%;}
    #contact > h2{font-size: 25px;}
    #co,#enquiry_box > h2{font-size: 19px;}
    #enquiry_box{width: 98%;margin: auto;}
    .btn{font-size: 16px;}
    .pdt{width: 46%;height: 275px;}
}
@media screen and (max-width:650px){
    .about{float:none;width: 100%;text-align: center;}
    .why{float:none;width: 100%;}
    .ser { width: 30%;margin-bottom: 2%}
    .navi{padding: 0px;}
    #menu{margin: 0px;}
    #menu > ul li a {font-size:18px}
    #menu > ul li{padding:1%;text-align:center;float:none;}
    #menu{width:100% !important;}
    #menu ul li a {margin:1% 0;border-right:none;}
    /*Make dropdown links appear inline*/
    #menu ul {
        position: static;
        display: none;
    }
    /*Create vertical spacing*/
    #menu li {
        margin:0;
    }
    /*Make all menu links full width*/
    #menu ul li a{
        float:none;width: 100%;border:none;text-align: center;
    }
    #menu ul li:hover{color: #fff;}

    /*Display 'show menu' link*/
    .show-menu {
        display:block;
    }
    #link{display:none}
    #pdrt{display: none;}
    #pdlt{width: 90%;margin: auto; margin-bottom: 2%;float: none}
    .abt-con > h2 { font-size: 20px;}
    .abt-con > p,.anshad > p{font-size: 13px;}
    .read{width: 50%;}
    #foot1,.foot2,#foot3{width: 90%;margin: auto; margin-bottom: 2%;float: none}
    .foot2 > h2,#foot1 > h2,#foot3 > h2{font-size: 18px;}
    .header{text-align: center;}
    .header>img{float: none;width: 50%}
    .info{float: none;width: 100%;text-align: center;}
    .anshad > h2{font-size: 22px;text-align: center;}
    .gal{width: 45%;}
    .gal > img{height: 177px;}
    #contact{width: 100%;text-align: center;margin: auto;float: none;}
    #ab-rght{width: 70%;float: none;margin: auto;}
    .service{background-image: none;}
}
@media screen and (max-width:550px){
    .header,.headright > h3{text-align: center;}
    .headright > a img{float: none;}
.header > a > img{width: 60%;float: none;margin: auto;}
.headright{width: 98%;float: none;margin: auto;margin-bottom: 2%;height: auto;text-align: center;}
.pdt > img{height: 140px;}
}
@media screen and (max-width:450px){
    .gal{width: 80%;float: none;margin: auto;margin-bottom: 2%;height: auto;}
    .ser { width: 80%;float: none;margin: auto;margin-bottom: 2%}
    .abt-con > h2,.ser > h2,.anshad > h2,.show-menu,.info>h3{ font-size: 17px;font-weight: 200;}
    .header>img{float: none;width: 80%}
    .client{display: none;}
    .pleft{width: 100%;float: none;margin: auto;}
    .pright{width: 100%;float: none;margin: auto;}
    .pdt{width: 100%;height: auto;float: none;margin: auto;}
    .pdt>img{height: auto;}
}