.top-img{float:left; width:100%;margin-top:30px;}
.td-img img{ width: 100% !important;}
.layout3 {float: left;width: 100%;text-align: left; margin: 60px 0px;}
.layout3 h2 {margin: 0px; color:#000; font-weight: bold; font-size: 60px;}
.layout3 h3 {margin: 0px; margin-top: 0px; color:#000;font-size: 30px;margin-top: 10px; padding-top: 11px; margin-bottom: 25px;}
.middle .right-left .mainimg{width: 67%;padding:0px;}
.middle .right-left .data{width:33%;background:#222224;border-right:16px solid #fff;padding:0px;}
.bottom_text{float: left;width: 100%;text-align: center;margin: 16px 0px;color: #000;font-size: 20px;font-weight: 600;}
.bottom_text p {float: left;color: #555; width: 100%;margin-bottom: 5px;}
.layout2{float: left;width: 100%;}
.layout2 .head-title h2{margin: 0px; color:#000; font-weight: bold; font-size: 60px; margin: 40px 0px 30px 0px; text-align: center;}
.layout2 .head-title h3{margin: 0px; margin-top: 0px; color:#000;font-size: 30px; border-top: 1px solid #555; margin-top: 10px; padding-top: 30px; margin-bottom: 30px; text-align: center;}
.head-title{float:left; width:100%;  margin: 5% 0;}
.middle tr .text {width: 40%;}
.middle tr .image {width: 20%;}
.middle tr .image2 {width: 40%;}
.middle tr .text p {font-size: 20px;  color: #000;}

@media only screen and (max-width: 767px) and (min-width: 300px) {
.top-img {float: left; width: 100%; margin-top: -50px;}
.layout3 h2 {margin: 0px; color:#000; font-weight: bold; font-size: 35px;}
.layout2 .head-title h2 {font-weight: bold; font-size: 37px; margin: 25px 0px 15px 0px; text-align: center;}
.head-title {float: left; width: 100%; padding: 0px 0%;}
.layout2 .head-title h3 {color:#000; font-size: 22px; border-top: 1px solid #555; padding-top: 15px; margin-bottom: 24px;}
.layout3 h3 {margin: 0px; margin-top: 0px; color:#000;font-size: 22px;margin-top: 10px; padding-top: 11px; margin-bottom: 25px;}
.bottom_text {float: left; width: 100%; text-align: center; margin: 16px 0px; color:#000; font-size: 11px; font-weight: 600;}
.middle tr .image {width: 100%; float: left;}
.middle tr .text {width: 100%; float: left;}
.middle tr .image2 {width: 100%; float: left;}
.middle tr .text p {font-size: 14px; color:#000;}
.middle tr .image img{width: 100%;}
.middle tr .image2 img{width: 100%;}
}

@media only screen and (max-width: 1100px) and (min-width: 767px) {
.middle tr .image {width: 22%;}
.middle tr .text p {font-size: 16px;  color:#000;}
}