*{padding:0;margin:0;}
@font-face{
	font-family:abc;
	src:url(fonts/RobotoCondensed-Regular.ttf);
}
@font-face{
	font-family:railway;
	src:url(fonts/Raleway-SemiBold.ttf);
}
#wrapper{
	max-width:1366px;
	margin:0 auto;
}
#header{
max-width:100%;
margin:0 auto;
padding:15px 0;
}
.logo img{
	max-width:100%;
}
.logo{
float:left;
margin-left:80px;
}
.logo h1{
font-size:34px;
color:red;
margin-top:-70px;
margin-left:190px;
word-spacing:5px;
}
.logo h3{
margin-left:380px;
font-family:abc;
font-weight:normal;
}
.call{
float:right;
margin-right:70px;
}
.call img{
width:20px;
height:20px;
padding-top:7px;
padding-left:10px;
padding-right:5px;
}
.call p{
font-family:abc;
font-size:18px;
padding-top:27px;
}
#nav {
position: relative !important; 
z-index: 9999 !important;
}
#menu{
background:black;
margin-top:8px;
}
#menu ul{
list-style:none;
padding:15px 0px;
}
#menu ul li{
display:inline;
position:relative;
}
#menu ul li a{
color:#fff;
font-family:abc;
font-size:20px;
text-decoration:none;
padding:15px 60px;
}
#menu ul li a:hover{
background:#d90e0e;
border-radius:5px;
}
#menu ul li ul{
width:300px;
background:black;
position:absolute;
top:34px;
left:0;
padding-top:0;
display:none;
}
#menu ul li:hover ul{
display:block;
}
#menu ul li ul li{
display:block;
padding-bottom:0;
transition:all 0.5s;
}
#menu ul li ul li a{
font-size:14px;
border-right:none;
display:block;
padding:6px 20px;
}
#menu ul li ul li a:before{
content:'\00bb';
margin-right:10px;
}
#menu ul li ul li:hover{
background:#d90e0e;
padding-left:20px;
}
#content{
padding-bottom:50px;
margin:0 auto;
padding:0px 30px;
max-width:100%;
}
.pro{
float:left;
margin-left:30px;
width:500px;	
}
.pro img{
padding-top:20px;
max-width:100%;
//width:380px;
//height:590px;
margin-left:30px;
margin-bottom:70px;
}
.desc{
float:left;
text-align:justify;
font-family:abc;
width:750px;
}
.desc h2{
font-size:30px;
color:red;
padding-right:300px;
}
.desc p{
font-size:20px;
margin-bottom:20px;
}
.desc h2{
padding-top:50px;
font-size:30px;
color:red;
}
.desc h3{
font-size:22px;
color:red;
margin-top:-40px;
margin-left:70px;
}
.desc p1{
font-size:20px;
margin-left:70px;
}
.desc h4{
font-size:22px;
color:red;
margin-top:-40px;
margin-left:70px;
}
.desc h5{
font-size:22px;
color:red;
margin-top:-40px;
margin-left:70px;
}
#vedio{
margin:0 auto;
}
#ved{
margin:0 auto;
background-image:url(images/vedio.jpg);
margin-top:70px;	
}
.vedio{
float:left;
}
.vedio p{
font-size:22px;
color:#fff;
margin:0 auto;
margin-left:180px;
padding-bottom:60px;
}
iframe{
margin-left:100px;
border:8px solid #fff;
margin-bottom:30px;
margin-top:-40px;
}
.vedio a{
font-size:18px;
color:#fff;
margin-left:300px;
}
.video{
float:left;
margin-top:70px;
margin-bottom:30px;
}
.video h3{
font-size:20px;
color:black;
margin-top:-18px;
margin-left:275px;
}
.contact{
float:right;
font-family:Myriad Pro;
}
.contact h2{
margin-right:400px;
margin-top:30px;
color:#fff;
font-size:28px;
padding-bottom:10px;
}
.contact img{
padding-right:10px;
width:20px;
height:20px;
}
.contact h3{
color:#fff;
font-size:18px;
margin-left:45px;
}
.contact p{
color:#fff;
font-size:14px;
margin-left:45px;
}
.contact h1{
color:#fff;
font-size:24px;
margin-left:45px;
}
.contact a{
color:#fff;
padding-left:20px;
text-decoration:none;
}
.contact span{
margin-left:450px;
}
#footerwrapper{
background:linear-gradient(#db1515 70%,#8d1111 70%,#8d1111 90%,#0e0808 90%);
background:-webkit-linear-gradient(left,#db1515,#8d1111,#0e0808);
background:-moz-linear-gradient(left,#db1515,#8d1111,#0e0808);
width:100%;
}
.foter{
width:1349px;
padding:40px 0px;
margin:0px auto;
border-bottom:1px solid #fff;
}
.left{
width:28%;
float:left;
margin-left:50px;
}
.left h3{
color:#fff;
padding:10px 0px;
font-size:25px;
font-variant:bold;
margin-left:20px;
font-family:Myriad Pro;
}
.left ul li a:hover{
transition:all 1s;
padding-left:30px;
}
.left ul{
list-style:none;
}
.left ul li{
padding:5px 20px;
}
.left ul li a{
color:#fff;
font-family:Myriad Pro;
font-size:16px;
text-decoration:none;
}
.center{
width:28%;
float:left;
margin-left:50px;
}
.center h3{
color:#fff;
padding:10px 0px;
font-size:25px;
font-variant:bold;
margin-left:20px;
font-family:Myriad Pro;
}
.center ul{
list-style:none;
}
.center ul li{
padding:5px 20px;
}
.center ul li a{
color:#fff;
font-family:Myriad Pro;
font-size:16px;
text-decoration:none;
}
.center ul li a:hover{
transition:all 1s;
padding-left:20px;
}
.right{
width:28%;
float:left;
margin-left:115px;
}
.right h3{
color:#fff;
padding:10px 0px;
font-size:25px;
font-variant:bold;
margin-left:20px;
font-family:Myriad Pro;
}
.right ul{
list-style:none;
}
.right ul li{
padding:5px 20px;
}
.right ul li a{
color:#fff;
font-family:Myriad Pro;
font-size:16px;
text-decoration:none;
}
.right ul li a:hover{
transition:all 1s;
padding-left:20px;
}
.social p{
padding:40px 0px;
text-align:center;
font-size:14px;
color:#fff;
font-family:Myriad Pro;
}
.product{
width:1000px;
margin:0 auto;
background:#F9F9F9;
padding:0px 30px;
}
.product h1{
font-size:40px;
padding:20px 0px;
color:red;
}
.product p{
font-family:calibri;
font-size:18px;
padding:0px 10px;
padding-bottom:15px;
}
.product ul{
font-family:calibri;
font-size:18px;
padding:0px 70px;
padding-bottom:15px;
}
.entry{
text-align:center;
padding-top:15px;	
}
.products{
display:inline-block;
padding:0px 15;
padding-bottom:35px;
}
.products img{
width:280px;
height:280px;
}
.products h3{
font-size:20px;
color:black;
font-family:abc;
font-weight:normal;
}
.products p{
font-size:18px;
color:black;
font-family:abc;
font-weight:normal;
}
.products a{
float:right;
font-size:20px;
text-decoration:none;
margin-top:-15px;
}
.products a:hover{
text-decoration:underline;
}
.aboutus{
margin:0 auto;
width:950px;
background:#F9F9F9;
padding:0px 30px;
margin-bottom:30px;
}
.aboutus h1{
font-size:40px;
color:red;
padding:15px 0px;
}
.aboutus h3{
font-size:20px;
color:red;
}
.aboutus p{
font-size:18px;
font-family:calibri;
}
.contactus{
margin:0 auto;
width:950px;
background:#F9F9F9;
padding:0px 30px;
font-family:calibri;
margin-bottom:30px;
}
.contactus h1{
font-size:40px;
color:red;
padding:15px 0px;
}
.contactus h3{
font-size:20px;
color:red;
}
.quality{
margin:0 auto;
width:950px;
background:#F9F9F9;
padding:0px 30px;
margin-bottom:30px;
}
.quality h1{
font-size:40px;
color:red;
padding:15px 0px;
}
.quality b{
font-size:18px;
font-family:calibri;	
}
.quality h3{
font-size:20px;
color:red;
}
.quality p{
font-size:18px;
font-family:calibri;
}
.inquiry{
margin:0 auto;
width:600px;
background:#F9F9F9;
padding:0px 30px;
font-family:calibri;
margin-bottom:30px;
}
.inquiry h1{
font-size:40px;
color:red;
padding:15px 0px;
}
.txt{
width:100%;
font-family:calibri;
font-size:18px;
border:1px solid #c7c7c7;
margin-bottom:20px;
padding:10px 10px;
outline:0;		
}	
.btn{
background:#e2e2e2;
font-family:open sans;
border:1px solid #c2c2c2;
padding:8px 30px;
cursor:pointer;
border-radius:5px;
}	
.txt:focus{
border-color:gray;	
}	
.pagepro{	
background-color:#ffffff;
margin-left:120px;
}
.contain-areabg{	
background-color:#F9F9F9; 
padding-left:100px;
padding-top:30px;
}
.whitebg{	
background-color:#FFF; 
border:5px #E6E5E5 solid;
}
.titlepage{
font-family:calibri; 
font-size:30px; 
text-decoration:none; 
color:#454545; 
font-weight:bold;
}
.bottom-link{  
font-family:calibri; 
font-size:16px;	
text-decoration:none; 
color:#000000;  
}
.dark-color{	
background-color:#E7E6E6; 
padding-left:10px;
}
.light-color{ 
background-color:#F3F2F2; 
padding-left:10px;
}
.dis{
margin:0 auto;
width:950px;
background:#F9F9F9;
padding:0px 30px;
font-family:calibri;
margin-bottom:30px;
}
.dis h1{
font-size:40px;
color:red;
padding:15px 0px;
}
.dis h2{
font-size:22px;
color:black;
}
.dis h3{
font-size:18px;
color:black;
}
.dis h4{
font-size:22px;
color:black;
font-style:italic;
padding:15px 0px;
}
.dis p{
font-size:18px;
}
.slicknav_menu {
	display:none;
}
@media only screen and (max-width:1100px){
	
}
@media only screen and (max-width:1024px){	
}
@media only screen and (max-width:960px){
.logo{
margin:0;
margin-left:40px;
}
.call{
margin-right:380px;
}
#menu ul{
padding:12px 0px;
}
#menu ul li a{
color:#fff;
font-family:abc;
font-size:18px;
text-decoration:none;
padding:12px 36px;
}
#menu ul li ul{
top:32px;
}

#content{
width:80%;
margin:0 auto;
}
.pro img{
margin-left:160px;
}
#ved{
width:98%;	
}
.contact{
float:none;
margin-left:250px;
}
#footerwrapper{
width:98%;
margin:0 auto;
}
.left{
width:21%;
margin:0;
margin-left:15px;
margin-right:-10px;
}
.center{
width:21%;
margin:0;
margin-right:50px;
}
.right{
width:21%;
margin:0;
}
}
@media only screen and (max-width:768px){
.logo{
margin:0;
float:none;
}
.logo h1{
font-size:28px;
}
.logo h3{
margin-left:320px;
}
.call{
margin-right:300px;
}
#menu{
display:none;
}
.slicknav_menu {
display:block !important;
}
#content{
width:99%;
margin:0 auto;
}
.pro img{
margin-left:130px;
}
.contact{
float:none;
margin-left:160px;
padding-bottom:30px;
}
.desc{
width:93%;
}
.left{
width:28%;
margin-left:55px;
}
.center{
width:28%;
}
.right{
width:100%;
margin-left:230px;
}
}
@media only screen and (max-width:568px){
.logo{
margin:0;
margin-left:40px;
}
.logo h3{
margin-left:185px;
}
.call{
margin-right:200px;
}
.pro img{
margin:0;
margin-left:60px;
}
#content{
width:95%;
margin:0 auto;
}
#ved{
width:98%;	
}
iframe{
width:400px;
height:275px;
}
.vedio p{
margin:0;
margin-left:100px;
}
.contact{
float:none;
width:98%;
margin-left:12%;	
}
.left{
width:20%;
margin:0;
margin-left:10px;	
}
.center{
width:20%;
margin:0;
}
.right{
width:100%;
margin-left:130px;
}
}
@media only screen and (max-width:480px){	
}
@media only screen and (max-width:360px){
.logo{
margin:0;
}
.logo h1{
margin:0;
margin-left:14%;
font-size:25px;
}
.logo h3{
margin:0;
margin-left:10%;
}
.logo img{
margin-left:110px;
width:130px;
}
.call{
margin:0;
margin-right:95px;
}
.pro{
margin:0;
}
.pro img{
margin:0;
margin-right:30px;
}
#content{
width:90%;
margin:0 auto;
}
.desc h2{
padding:0;
margin-top:20px;
}
#ved{
width:98%;	
}
iframe{
margin:0;
margin-left:45px;
margin-top:-20px;
width:250px;
height:150px;
border:5px solid #fff;
}
.vedio p{
margin:0;
margin-left:15px;
font-size:20px;
}
.vedio a{
font-size:16px;
color:#fff;
margin-left:100px;
}
.contact{
float:none;
width:98%;
}
.contact h2{
margin-right:100px;
}
.left{
width:100%;
margin:0;
margin-left:40px;	
}
.center{
width:100%;
margin:0;
margin-left:40px;	
}
.right{
width:100%;
margin-left:40px;
}	
}

/* Responsive layout overrides */
html { box-sizing: border-box; width: 100%; overflow-x: hidden; }
*, *:before, *:after { box-sizing: inherit; }
body { width: 100%; max-width: 100%; overflow-x: hidden; }
img, video, iframe { max-width: 100%; }
#wrapper, #headerwrapper, #contentwrapper, #content, #nav, #vedio, #ved,
#footerwrapper, .footer, .foter, .slide { max-width: 100%; }
#content { width: 100%; padding: 0 24px 36px; }
.pro, .desc { float: left; min-width: 0; }
.pro { width: 40%; margin: 0; padding: 0 20px; }
.pro img { display: block; width: 100%; height: auto; margin: 20px auto 30px; }
.desc { width: 60%; }
.desc h2 { padding-right: 0; }
.product, .products, .aboutus, .contactus, .quality, .inquiry, .dis {
  width: auto; max-width: 100%; margin-left: auto; margin-right: auto;
  padding-left: 24px; padding-right: 24px;
}
.product { max-width: 1060px; }
.aboutus, .contactus, .quality, .dis { max-width: 1010px; }
.inquiry { max-width: 660px; }
.pagepro { margin-left: 0; max-width: 100%; }
.contain-areabg { padding-left: 24px; padding-right: 24px; }
.foter { width: 100%; }
.left, .center, .right { width: 29%; margin: 0 2%; }
iframe { max-width: calc(100% - 24px); }
.txt { max-width: 100%; }
#menu ul { display: flex; flex-wrap: wrap; justify-content: center; }
#menu ul li a { padding: 12px 18px; }
#menu ul li ul { z-index: 10000; }

@media (max-width: 900px) {
  .logo { float: none; margin: 0 auto; text-align: center; }
  .logo img { display: block; width: auto; max-width: 180px; margin: 0 auto 8px; }
  .logo h1, .logo h3 { margin: 8px auto; font-size: clamp(18px, 3.4vw, 30px); }
  .call { float: none; margin: 8px auto; text-align: center; }
  .call p { padding-top: 0; }
  #menu { display: none; }
  .slicknav_menu { display: block !important; }
  #content { padding-left: 18px; padding-right: 18px; }
  .pro, .desc { float: none; width: 100%; }
  .pro img { max-width: 520px; }
  .desc h2 { margin-top: 20px; }
  .desc h3, .desc h4, .desc h5 { margin: 10px 0; }
  .desc p1 { display: inline; margin-left: 0; }
  .desc p { font-size: 18px; }
  #ved { background-size: cover; padding: 24px 18px; }
  .vedio, .contact { float: none; width: 100%; margin: 0; }
  .vedio iframe { display: block; width: 100%; max-width: 560px; height: auto; aspect-ratio: 16 / 9; margin: 0 auto 20px; }
  .vedio p, .vedio a { margin: 12px 0; text-align: center; display: block; }
  .contact h2 { margin: 20px 0 10px; }
  .contact h3, .contact p, .contact h1 { margin-left: 0; }
  .contact span { margin-left: 0; }
  .left, .center, .right { float: left; width: 29%; margin: 0 2%; }
}

@media (max-width: 600px) {
  #header { padding: 12px; }
  .logo img { max-width: 135px; }
  .logo h1 { font-size: 20px; line-height: 1.25; word-spacing: normal; }
  .logo h3 { font-size: 15px; }
  #content { padding: 0 14px 28px; }
  .desc p { font-size: 16px; }
  .desc h2 { font-size: 25px; }
  #ved { padding: 18px 12px; }
  .contact h2 { font-size: 23px; }
  .foter { padding: 24px 12px; }
  .left, .center, .right { float: none; width: 100%; margin: 0; padding: 0 8px 18px; }
  .left h3, .center h3, .right h3 { margin-left: 0; }
  .social p { padding: 20px 10px; }
  .product, .products, .aboutus, .contactus, .quality, .inquiry, .dis {
    padding-left: 14px; padding-right: 14px;
  }
  .product h1, .aboutus h1, .contactus h1, .quality h1, .inquiry h1, .dis h1 { font-size: 30px; }
  .contain-areabg { padding: 18px 12px; }
  .titlepage { font-size: 23px; }
  iframe { margin-left: 0; }
}

/* Smaller, consistently aligned contact icons */
.call p img {
  width: clamp(15px, 1.6vw, 18px);
  height: auto;
  max-width: 100%;
  padding: 0 5px 0 0;
  vertical-align: middle;
}
.contact h2 img {
  display: inline-block;
  width: clamp(16px, 1.8vw, 19px);
  height: auto;
  padding: 0 7px 0 0;
  vertical-align: middle;
}
.contact h2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

@media (max-width: 600px) {
  .call p img {
    width: 15px;
    padding-right: 4px;
  }
  .contact h2 img {
    width: 16px;
    padding-right: 6px;
  }
  .contact h2 { font-size: 21px; }
}

/* Larger visitor-counter digit icons, responsive across screen sizes */
.contact span img {
  display: inline-block;
  width: clamp(24px, 3vw, 34px);
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  margin: 2px 1px;
}

@media (max-width: 600px) {
  .contact span img {
    width: clamp(22px, 7vw, 30px);
  }
}

/* Larger, responsive call, location/address icons */
.call p img,
.contact h2 img[src*="call.png"],
.contact h2 img[src*="location.png"] {
  width: clamp(26px, 2.6vw, 36px);
  height: clamp(26px, 2.6vw, 36px);
  max-width: 100%;
  object-fit: contain;
  padding: 0 9px 0 0;
  vertical-align: middle;
  flex-shrink: 0;
}

@media (max-width: 600px) {
  .call p img,
  .contact h2 img[src*="call.png"],
  .contact h2 img[src*="location.png"] {
    width: clamp(24px, 7vw, 32px);
    height: clamp(24px, 7vw, 32px);
    padding-right: 7px;
  }
}
.video-container {
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin: 0 auto 25px;
    border: 8px solid #fff;
    background: #000;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    padding: 0;
}

/* Desktop */
.vedio {
    float: left;
    width: 50%;
}

.vedio p {
    font-size: 22px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 30px;
}

.vedio a {
    color: #fff;
    font-size: 18px;
    margin: 0;
}

/* Tablet */
@media only screen and (max-width: 900px) {
    .vedio {
        float: none;
        width: 100%;
    }

    .video-container {
        max-width: 560px;
    }
}

/* Mobile */
@media only screen and (max-width: 600px) {
    .video-container {
        width: 100%;
        max-width: 100%;
        padding-bottom: 56.25%;
        border: 4px solid #fff;
    }

    .vedio p {
        font-size: 18px;
        padding-bottom: 25px;
    }
}
#mvideo {
    width: 100%;
    max-width: 1200px;
    margin: 30px auto;
    padding: 15px;
    text-align: center;
}

/* Video columns */
.video {
    float: left;
    width: 50%;
    padding: 15px;
    margin-bottom: 20px;
}

/* Responsive video container */
.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    background: #000;
}

/* YouTube iframe */
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* Video heading */
.video h3 {
    font-size: 20px;
    color: #222;
    padding: 12px 0;
    text-align: center;
}

/* Tablet */
@media only screen and (max-width: 768px) {

    .video {
        width: 100%;
        float: none;
        padding: 10px;
    }

    #mvideo {
        padding: 10px;
    }

}

/* Mobile */
@media only screen and (max-width: 480px) {

    .video {
        width: 100%;
        padding: 5px;
        margin-bottom: 15px;
    }

    .video h3 {
        font-size: 18px;
    }

}