.text-danger { padding:0 0 0 37px; color:#f88210!important;}
.radiogrp { margin-bottom:15px; margin-left:2px;}
h1 {color:#fff; padding:8px 0 0 0;  font-family:"Roboto Condensed"; font-weight:bold; margin:15px 0 0 0; font-size:45px; position: relative;}
h2 { text-align:center; background:none; border:none;  font-size:28px; margin:15px 0 15px 0;  font-family:"Roboto Condensed"; font-weight:300; display: block; position: relative;}
h2 span { background:#FFF; padding:0 3px 0 0}
h3 {  color:#ea4948; margin:0 0 5px 0; padding:0; font-size:20px;  font-family:"Roboto Condensed"; font-weight:300;}
h3 span { background:#FFF; padding:0 3px 0 0}
p {}
.abt-head { text-align:center; border:none; background:url(../images/head-underline.png) center 70px no-repeat;  font-size:30px; padding:15px 0 30px 0;  font-family:"Roboto Condensed"; margin:20px 0; display: block; position: relative;}

body {}
@media only screen and (min-width:768px) {

.about-head { text-align: center; font-size:28px; font-weight: 100; font-family:"Roboto Condensed"; text-transform:uppercase; margin:35px; }
.about-head  span {color: #e6724f;}
.about-txt { width:80%; text-align:center!important; margin: 0 auto; }
.about-tag {text-align: center; padding:10px; color:#e6724f; font-family: 'Aladin', cursive; font-size: 22px; font-weight:100;}
.about-tags { text-align:center; }
.about-tags ul { margin:50px 0; padding:0;  overflow: hidden;;}
.about-tags ul li { display:inline; text-align:center; float:left; margin:0 0 0 13%; padding: 0; font-family:"Roboto Condensed"; font-size:18px;  }
.about-tags li img {  text-align: center;  }


.feat-bg { background:#0e1625; overflow:hidden; height:350px; }
.feat-left { float:left; width: 40%; text-align:right; margin-top:8%; }
.feat-head {font-size:28px; color:#fff; font-weight: 100; font-family:"Roboto Condensed"; padding: 0 30px 0 0; }
.feat-txt { color:#79a1e2; padding:20px 30px 0 150px; text-align:right; }
.feat-txt .btn { border:1px solid #fff; background:#0e1625; margin-top:20px }
.feat-right { float:right; width:61%; position: relative; }
video.vid-sty {position:absolute;height:1150px; width:100%;top:-515px;left:65px}


.product { margin-bottom:20px; }
.product ul { margin:0; padding:0; }
.product ul li {margin:0; padding:0 0 30px 10px; float:left; width: 25%;}
.product ul li img { width:85%; border:1px solid #e6724f;  }

.call { float:left; width:60%; font-family:"Roboto Condensed"; font-size:32px; font-weight: 600; text-transform: uppercase; color:#222; }
.call span { color:#e6724f; }
.touch { float:right; width: 35%; margin-top: 15px; text-align:right; margin-right: 30px; }
.touch .btn { background: #e6724f; text-transform: uppercase; font-family:"Roboto Condensed"; font-size:25px; padding:18px 25px;  font-weight: 600;  }

footer { margin:30px 0 0 0; background:#0e0606; color:#929292;}
footer .ft-block { float:left; width:68%; margin:10px 0;}
footer .ft-block.last { float:right; width:25%; text-align:right;}
footer .ft-block ul { margin:0; padding:0;}
footer .ft-block ul li { list-style:none; display:inline; padding:0; margin:0; font-size:13px; line-height:43px; color:#fff;}
footer .ft-block ul li span{ padding:0 5px; color:#666;}
footer .ft-block ul li a { color:#fff;}
footer .ft-block .social ul { margin:0; padding:0;}
footer .ft-block .social ul li { list-style:none; display:inline; margin:0; padding:0 5px 0 0;}
footer .ft-block .social ul li img { width:10%; }
footer .ft-block .social ul li:last { padding:0;}
.bottom { background:#111; text-align:center; font-size:13px; color:#CCC; padding:12px 0;}

}



@media only screen and (min-width:992px) and (max-width:1199px) {

}


@media only screen and (min-width:768px) and (max-width:991px) {
body {background:url(../images/mobile-bg.jpg) 100% 100% }
.main-bg { background:url(../images/main-bg.jpg) 100% 100% no-repeat;  }
.main-txt { text-align:center; padding:60px; }
.main-txt { text-align:center; padding:60px; }
.main-txt img { width:100%; }
}

 
/*====================================================== mobile version ================================================================ ======*/
@media screen and (max-width:767px) {
body {background:#0e1625; }
.main-bg { background:url(../images/mobile-bg.jpg) 100% 100% no-repeat;  }
.main-txt { text-align:center; position:absolute; top:30%; left:5%; right:5%; bottom:0}
.main-txt img { width:100%; }

.about-bg { background:#fff; }
.about-head { text-align:center;  font-size:22px; font-weight: 100; font-family:"Roboto Condensed"; text-transform:uppercase; margin:20px; }
.about-head.mob-head { color:#fff; }
.about-head  span {color: #e6724f;}
.about-txt { width:100%;  text-align:center!important; margin: 0 auto; }
.about-tag {text-align: center; padding:10px; color:#e6724f; font-family: 'Aladin', cursive; font-size:15px; font-weight:100;}
.about-tags { text-align:center; }
.about-tags ul { margin:10px 0; padding:0;  overflow: hidden;;}
.about-tags ul li { display:inline; width:50%; text-align:center; float:left; margin:0 0 5px 0; padding: 0; font-family:"Roboto Condensed"; font-size:18px;  }
.about-tags li img {  text-align: center;  }

.feat-bg { background:#0e1625; overflow:hidden; height:520px; position: relative;}
.feat-left {  width:100%; text-align: center; margin-top:15px; }
.feat-head {font-size:28px; color:#fff; padding:; }
.feat-txt { color:#79a1e2; padding:10px 10px 0 10px; text-align:center; }
.feat-txt .btn { border:1px solid #fff; background:#0e1625; margin:15px 0; }
.feat-right { float:right; width:100%; position: relative; }
video.vid-sty {position:absolute;height:1150px; width:100%;top:-245px;left:0}

.product { margin-bottom:0; }
.product ul { margin:0; padding:0; }
.product ul li {margin:0; padding:0 0 30px 10px; float:left; width:50%;}
.product ul li img { width:90%; border:1px solid #e6724f;  }

.call { float:left; width:100%; text-align: center; font-family:"Roboto Condensed"; font-size:26px; font-weight: 600; text-transform: uppercase; color:#fff; }
.call span { color:#e6724f; }
.touch { float:right; width: 100%; margin-top: 15px; text-align:right; margin-right: 30px; margin-bottom:20px; }
.touch .btn { background: #e6724f; text-transform: uppercase; font-family:"Roboto Condensed"; font-size:25px; padding:18px 25px;  font-weight: 600;  }

}

@media screen and (max-width:320px) {
.form-group.autowidth { width:48.50%; display:inline-block; margin:0 2px 0 0}	
.form-group.smallwidth { width:48.50%; display:inline-block; margin:0 2px 15px 0}	
.form-group.largewidth { width:100%;}
}