@charset "utf-8";


/*===========POWERED BY MERIDIAN INC ============*/


/*************** FONTS ***************/

@import url('https://fonts.googleapis.com/css?family=Anton|Lora:400i|Roboto:100,500,700');


/*************** COMMON CSS ***************/

body{
 	font-family: 'Roboto', sans-serif;
	font-size:14px;
	font-style: normal;
	line-height: 24px;
	font-weight:500;
	color: #1e1e28;
	text-decoration: none;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	padding:0;
	
}


* {
    -webkit-box-sizing: border-box;
       -mox-box-sizing: border-box;
            box-sizing: border-box;
}

::selection {
        background: #fff; /* Safari */
		color:#000;
        }
::-moz-selection {
        background: #fff; /* Firefox */
		color:#000;
}


a {
	color:#e10000;
	text-decoration: none;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	}
	
a:hover {
	color: #10101a;

	}
p {
	margin:0 0 30px 0;
	clear:left;
	padding:0;
	}
	
	
h1, h2, h3, h4 {
	margin:0 0 20px 0;
	padding:0;
	font-weight:normal;
	
}	

hr {
	margin:50px  0 50px 0;
	height:3px;
	
	    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom:1px solid rgba(0, 0, 0, 0.12);
	float:left;
	width:100%;
	position:relative;
}

img{
	border:0;
}	

a img {
	border: 0;
	}
	
	
/*************** COLUMS AND ROWS ***************/

clearfix{
	width:100%;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}

main{
	width:1180px;
	margin:0 auto;
}

.fullwidth{
	width:100%;
	display:block;
}
clearfix{
	width:100%;

	float:left;
	margin:0;
	padding:0;
	display:block;
}



.two-col{
	width:49%;
	float:left;
	margin-right:2%;
}

.three-col{
	width:30%;
	float:left;
	margin-right:5%;
}
.four-col{
	width:22%;
	float:left;
	margin-right:4%;
}


.last{
	margin-right:0;
}
section {
	width: 100%;
	float: left;
	position: relative;
}

aside {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
}

summary {
    width: 70%;
    float: right;
    margin: 0;
    padding: 0;
}

.list{ 
    float: left; 
    width: 100%;
    padding: 0px;
    margin: 0px 0px 20px;
}
.list li {
    float: left;
    width: 100%;
    list-style: none;
    padding-left: 30px;
    padding-bottom: 8px;
    background-image: url(../images/list.png);
    background-repeat: no-repeat;
    background-position: left 9px;
	font-size:14px;
	color:#1e1e28;
   
}
.text-center{
    text-align:center;
	}

clearfix{ clear:both;}

/*************** PRELOADER ***************/

#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff; /* change if the mask should have another color then white */
	z-index:999999; /* makes sure it stays on top */

}

#status {
	width:108px;
	height:116px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../images/loader-logo.png); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-80px 0 0 -54px; /* is width and height divided by two */
}


/*************** BACK TO TOP ***************/

#fixed-bar {
   
    z-index: 100;
	width:50px;
	height:50px;
	position:absolute;
	bottom:80px;
	right:20px;
	margin-bottom:5px;

}
#fixed-bar a {
	width:50px;
	height:50px;
	float:right;
	display:block;
	background-image: url(../images/top.png);
	background-repeat: no-repeat;
	background-position: center center;
	
	/*-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
	text-indent:-9999px;
}
#fixed-bar a:hover {}	

/*************** FIXED HEADER ***************/

header.smaller { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; position: fixed; }
header.smaller .top-header{ display:none}
header.smaller .bottom-header{ padding:1px 0px; background:rgba(27, 22, 31, 0.95);}	
header.smaller .menu { top: 28px;}
header.smaller li.showhide {padding-bottom: 24px;}

/*************** HOME PAGE ***************/

header{ width:100%; float:left; z-index:999; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.top-header{ float:left; width:100%; background:rgba(18, 12, 25, 0.94); padding:13px 0px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; font-size: 12px;}
.top-header .top-p{ float:left; color:#939297; margin-bottom:0px;}
.top-right{ float:right;}
.top-contact, social{ display:inline-block;}
.top-contact .call, .mail a{ color:#939297}
.top-contact .call{ margin-right:20px}
.top-contact .mail{ margin-right:20px}
.top-contact i{ color:#e10000; font-size:16px; margin-right:5px;}
.top-right social i{ color:#fff; margin:0px 10px;}
.top-right social .fa-facebook{ color:#3a559e}
.top-right social .fa-twitter{ color:#50abf1}
.top-right social .fa-google-plus{ color:#dd4c3a}
.top-right social .fa-linkedin{ color:#0583b1}
.top-right social .fa-youtube-play{ color:#f61c0e}
.top-right social img{ margin:0px 10px;}
.bottom-header{ float:left; width:100%; background:rgba(27, 22, 31, 0.79); padding:0px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; text-align:center;}
.logo{ float:left; padding: 28px 0px;}
.menu{ display:inline-block;}
.right-logo{ float:right; padding-top: 5px; }
.right-logo a{color: #fff; font-size: 11px; display: inline-block;  line-height: 16px;}
.right-logo img{ margin:0px;}
.welcome{/* background:url(../images/welcome-bg.jpg) top center;*/ background-attachment:fixed; background-color: #10101a;}
.left-col{ float:left; width:50%; padding-top:100px; padding-left: 208px; position:relative; }
.right-col:after{-ms-transform: matrix(1, .5, 0, 1, -6, 0); -webkit-transform: matrix(1, .5, 0, 1, -6, 0); transform: matrix(1, .5, 0, 1, -6, 0); content: ''; position: absolute; left: 0px; top: 50%; width: 11px; height: 31px; background: #e10000; margin-left: 0px; z-index: 1;}
.heading{ font-family: 'Anton', sans-serif; font-size:98px; color:#fff; line-height:normal; text-transform:uppercase; line-height: 118px;}
.heading span{ font-size:48px;}
.right-col{ float:left; width:50%; padding-left:124px; padding-top:152px; position:relative; border-left:1px solid rgba(255, 255, 255, 0.31);}
.right-big{ color:#fff; font-weight:100; font-size:28px; line-height: normal;}
.right-thin{ font-size:20px; color:#fff; font-weight:100; margin-bottom: 140px;}
.read-more{ float:right; position:absolute; bottom:0px; background:#e10000 url(../images/icons/icon.png) no-repeat left 30px center; padding-left:50px; color:#fff; padding: 18px 20px 18px 114px; width: 43%; font-size: 14px; text-transform: uppercase; letter-spacing: 12px; right: 0px; margin-right: 0; z-index: 2; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.read-more:after{ position:absolute; content:''; width:1px; height:100%; background:#fff; top:0px; left:84px;-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.read-more:before{ position:absolute; content:''; width:0px; height:100%; background: #000000 url(../images/icons/icon.png) no-repeat left 30px center; top:0px; left:0;-webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; z-index:-1}
.read-more:hover:before{ width:100%; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.read-more:hover{ background:#e10000 url(../images/icons/icon.png) no-repeat left 30px center; color:#e10000; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.new-launch{ background:#e10000;}
.new-launch:after{ background:#10101a; width:50%; top:0px; right:0px; position:absolute; content:''; height:100%;}
.launch-left{ float:left; width:50%; padding:75px 100px;}
.launch-left .heading{ line-height: 100px;}
.launch-right{ float:left; width:50%; position:relative; z-index:1;}
.launch-detail{ padding:100px 0 0 50px;}
.sub-heading{ font-size:22px; color:#fff; position:relative; padding-left: 18px;}
.sub-heading:before{ -ms-transform: matrix(1, .5, 0, 1, -6, 0); -webkit-transform: matrix(1, .5, 0, 1, -6, 0); transform: matrix(1, .5, 0, 1, -6, 0); content: ''; position: absolute; left: 0px; top: 0; width: 11px; height: 31px; background: #e10000;}
.sub-heading span{ font-size:12px;}
.launch-detail p{ color:#fff; text-transform:uppercase; padding-left:20px; font-size: 12px;}
.launch-detail p span{ color: #e10000}
.launch-img{  width:100%; background:#000; text-align:center; padding: 40px 0px;cursor: pointer;}
.hover-style{ max-width:100%; float:left; position:relative; overflow:hidden; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.hover-style::before, .hover-style:after { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; z-index:3 !important;}
.hover-style::before { border-top: 2px solid #e10000; border-bottom: 2px solid #e10000; -webkit-transform: scale(0,1); transform: scale(0,1);}
.hover-style::after { border-right: 2px solid #e10000; border-left: 2px solid #e10000; -webkit-transform: scale(1,0); transform: scale(1,0);}
.hover-style:hover::before, .hover-style:hover::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.hover-style img { position: relative; max-width:100%; transition: 0.5s ease; -o-transition: 0.5s ease; -webkit-transition: 0.5s ease;}
.hover-style:hover img { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}

.pro-offer{ background:#10101a url(../images/pro-offer-bg.jpg) bottom center; padding-top:118px; background-attachment:fixed;}
.pro-offer:after{ content:''; left:50%; top:0px; width:1px; height:100%; background:rgba(255, 255, 255, 0.31); position:absolute;}
.heading-one{ font-family: 'Anton', sans-serif; font-size:48px; text-align:center; position:relative; color:#fff; text-transform:uppercase; padding-top: 12px; padding-bottom:30px; line-height: normal;}
.heading-one:before{ -ms-transform: matrix(1, .5, 0, 1, -6, 0); -webkit-transform: matrix(1, .5, 0, 1, -6, 0); transform: matrix(1, .5, 0, 1, -6, 0); content: ''; position: absolute; left: 50%; top: -60px; width: 11px; height: 31px; background: #e10000; z-index: 1;}
.offer-half{ float:left; width:50%;}
.bg-red{ float:left; width:50%; background:rgba(225, 0, 0, 0.41); position:absolute; left:0px; top:0px; height:100%; z-index:1;}
.bg-red .sub-heading{ font-family: 'Roboto', sans-serif; font-weight:500;}
.bg-red .sub-heading:before{ background:#fff;}
.bg-red .sub-heading .font-sm{ font-size:12px; text-transform:inherit}
.bg-red .sub-heading span{ text-transform:uppercase; font-size:14px;}
.red1{ background: rgba(225, 0, 0, 0.48);}
.red2{ right: 0; left: inherit; background: rgba(225, 0, 0, 0.71);}
.red3{ right: 0; left: inherit; background: rgba(225, 0, 0, 0.9);}
.offer-main{ float:left; width:100%; margin-bottom:200px;}
.offer-read-more{     margin-right: 134px;}
.features{ background:url(../images/features-bg.jpg) repeat-y top center; padding:80px 0px;}
.counter-box{width:20%; float:left; padding:0px 50px 0; position:relative; color:#fff; background-repeat: no-repeat; background-position: center top; border-right:1px solid rgba(255, 255, 255, 0.21); min-height:140px; }
.counter-box:after{ -ms-transform: matrix(1, .5, 0, 1, -6, 0); -webkit-transform: matrix(1, .5, 0, 1, -6, 0); transform: matrix(1, .5, 0, 1, -6, 0); content: ''; position: absolute; right: -12px; top: 50%; width: 11px; height: 31px; background: #e10000; margin-top: -15px; }
.end-br{ border-right:0 !important; }
.end-br:after{ display:none;}
.counter-box p{ margin:0; padding:0; font-weight:700; font-size:16px; text-transform:uppercase}
.counter, .counter-box .span{ font-size:48px; line-height: 52px; font-family: 'Anton', sans-serif; float:left;}
.counter-box .span{ margin-left:12px; margin-right:13px; float:left;}
.counter-box .caption{ font-weight:700; font-size:16px; text-transform:uppercase}
footer{ float:left; width:100%;}
footer .box{ float:left; width:33.3%; min-height: 395px; padding:80px 30px 30px; border-right:1px solid #d4d4d6;}
footer .box .sub-heading{ color:#1e1e28; padding-left:0px; margin-bottom: 35px;}
footer .box .sub-heading span{ font-size:14px;}
footer .box .sub-heading:before{ left:-26px;}
footer .news-main{ float:left; width:100%;}
footer .news-main .date{ background:#e10000; float:left; padding:20px; color:#fff; font-size:34px;}
footer .news-main .date span{ font-size: 10px; line-height: 12px; float: left; margin-top: 10px; text-transform: uppercase;}
footer .news-main .news{ float:right; width: 66%;}
footer .news-main .news .news-head{ font-size:14px; color:#e10000; border-bottom:1px solid #d4d4d6; padding-bottom: 10px; margin-bottom: 10px; }
footer .news-main .news .news-detail{ font-family: 'Lora', serif; font-size:14px; margin-bottom:10px;}
footer .news-main a{ font-size:14px; text-decoration:underline;}
footer .news-main a:hover{ color:#1e1e28;}
footer .address{ float:left; width:100%; padding:0px; margin:0px;}
footer .address li{ margin-bottom:20px; list-style:none; font-size:14px; color:#1e1e28;}
footer .address li i{ color:#707070; font-size:18px; margin-right:20px; float:left; margin-top:5px;}
footer .address li span{ margin-left:29px;}
footer .b-padd{ padding:80px 0px 30px 80px;}
footer .copy{ background:#10101a; padding:30px 0px; float:left; width:100%;}
footer .copy p{ margin-bottom:0px; color:#44445c; text-align:center; font-size: 12px;}
footer .copy a{ color:#44445c;}
footer .copy a:hover{ color:#797986;}
#ascrail2000-hr{ display:none !important}

/*************** INNER PAGE CSS ***************/

.content-bg{ padding: 100px 0px; position:relative; background:url(../images/inner-bg.png) repeat-x top -368px center;}
.content-bg:before{ content: ''; left: 50%; top: 0px; width: 1px; height: 100%; background:rgba(0, 0, 0, 0.06); position: absolute;}
.content-bg:after{ content: ''; left: 0; bottom: 0px; width: 100%; height: 50%; background: url(../images/inner-bg.png) repeat-x bottom -368px center;position: absolute; z-index: -1;}
.gray{ color:#1f1a22; border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-bottom: 20px; margin-bottom: 50px;}
.gray:before{top: -40px;}
.icon_box {
	border-bottom:1px solid #ccc;
	padding-bottom: 8px;
    margin-bottom: 24px;
	float:left; width:100%;
}
.icon_box:hover i {
	background-color:#1d1821;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out
}
.icon_box i {
	float:left;
	margin:0px 20px 0px 0px;
	background:#e10000;
	padding:8px;
	border-radius:100%;
	width:45px;
	height:45px;
	text-align:center;
	line-height:30px;
	color:#fff;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out
}
.icon_box .descripion {
	display:block;
	overflow:hidden
}
.icon_box .descripion h5 {
	line-height:15px;
	font-size:16px;
	margin:0 0 15px 0
}
.icon_box p {
	margin:0;
	padding-bottom:15px
}
.icon_box a {
	color:#434446
}
.map{ float:left; width:100%;}
.tittle{ font-family: 'Anton', sans-serif;
    font-size: 22px;
    border-bottom: 1px solid #c1c1c1;
    float: left;
    width: 100%;
    padding-bottom: 14px;
    margin-bottom: 24px;}
.bdr-none{ border-bottom:none;}
.c-right-col{ float:left; width:42%;}
.c-left-col{ width:57%; float:left; margin-right:1%;}
.bnr-btn{position: absolute; right: 30px; bottom: 20px; background-color: #e10000; color: #fff; padding: 10px 20px 8px;}
.bnr-btn:hover{background-color: #000;}

/*************** INNER BANNER ***************/

.banner{ 
    width: 100%;
    height: 500px;
    float: left;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    position: relative;
	margin-top:-115px;
	z-index:-1;
	}
.breadcrumb{ float:left; width:50%; background: rgba(198, 16, 10, 0.82); padding:10px; position:absolute; bottom:0px; left:0px;}
.breadcrumb h2{ margin-bottom:0px; color:#fff; float:right; font-size:12px;}
.breadcrumb h2 a{ color:#fff;}
.breadcrumb h2 a:hover{ color:#ffb4b1;}
.banner-1{ background-image:url(../images/banner2.jpg);}
.banner-2{ background-image:url(../images/banner2.jpg);}
.banner-3{ background-image:url(../images/about-banner.jpg);}
.banner-4{ background-image:url(../images/banner4.jpg);}
.banner-7{ background-image:url(../images/banner7.jpg);}
.product-banner{height: 95vh;  background-attachment: inherit;}
.pr-banner1{background-image:url(../images/pro-banner1.jpg);}
.pr-banner2{background-image:url(../images/pro-banner2.jpg);}
.pr-banner3{background-image:url(../images/pro-banner3.jpg);}
.pr-banner4{background-image:url(../images/pro-banner4.jpg);}
.pr-banner5{background-image:url(../images/pro-banner5.jpg);}
.pr-banner6{background-image:url(../images/pro-banner6.jpg);}
.pr-banner7{background-image:url(../images/pro-banner7.jpg);}
.pr-banner8{background-image:url(../images/pro-banner8.jpg);}
.pr-banner9{background-image:url(../images/pro-banner9.jpg);}
.pr-banner10{background-image:url(../images/pro-banner10.jpg);}
.pr-banner11{background-image:url(../images/pro-banner11.jpg);}
.pr-banner12{background-image:url(../images/pro-banner12.jpg);}
.pr-banner13{background-image:url(../images/pro-banner13.jpg);}
.pr-banner14{background-image:url(../images/pro-banner14.jpg);}
.pr-banner15{background-image:url(../images/pro-banner15.jpg);}


/************************************* 1180px *************************************/

@media only screen and (max-width: 1180px) {

main{ width:96%;}
.launch-left { padding: 60px;}
footer .b-padd { padding: 80px 0px 30px 55px;}

}

/************************************* 980px *************************************/
@media only screen and (max-width: 1024px) {

main{ width:90%;}
.left-col { padding-left: 20px; padding-top: 60px;}
.right-col { padding-left: 77px; padding-top: 100px;}
.launch-left { padding: 60px 20px;}
.read-more{ width:50%;}
.offer-read-more { margin-right: 0;}
footer .b-padd { padding: 80px 0px 30px 30px;}
footer .box { min-height: 480px;}
.counter-box { padding: 0px 15px 0;}
.right-logo { float: left; padding-top: 5px; margin-left: 10px; border-left: 1px solid rgba(255, 255, 255, 0.19); padding-left: 20px;}
header.smaller .jetmenu { margin-top: 10px;}
header.smaller li.showhide { padding-bottom: 45px;}
header.smaller .menu {
    top: 37px;
}

}

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

footer .news-main .date { padding: 8px;}
footer .address li span { margin-left: 0px;}


}

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

.four-col{ width:49%; float:left; margin-right:2%; }
.last-rs{ margin-right:0px; }
.top-header { text-align: center;}
.top-header .top-p, .top-right{ float:none;}
.read-more{ letter-spacing:2px;}
footer .box { min-height: 570px;}

}

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



}

/************************************* 640px *************************************/

@media only screen and (max-width: 640px) {

.two-col, .three-col, .four-col, aside, summary, .c-left-col, .c-right-col{ width:100%; margin:0 0 25px 0; }
.left-col{ width:100%; padding-top:30px; padding-left:0px; text-align:center}
.right-col { padding-left: 0; padding-top: 30px; border-left:none; width:100%; text-align:center}
.right-col:after{ display:none;}
.read-more{ width:100%;}
.launch-left{ width:100%; padding: 60px 20px 0;}
.new-launch:after { width: 100%; bottom: -44%; height: 100%; top:inherit}
.new-launch { border-top: 1px solid #fff; }
.launch-right, .offer-half{ width:100%;}
.red1 { right: 0px; left: inherit;}
.red2 { right: inherit; left: 0;}
.offer-main { margin-bottom: 150px;}
.counter-box { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.21); border-right: none; min-height: auto; padding: 40px 0px;}
.counter-box:after { -ms-transform: matrix(1, .3, 0, 1, -6, 0); -webkit-transform: matrix(1, .3, 0, 1, -6, 0); transform: matrix(1, .3, 0, 1, -6, 0); right: 50%; bottom: -9px; width: 31px; height: 17px; margin-top: -15px; top:inherit;}
.end-br{ border-bottom:none;}
footer .box { width:100%; height:auto;}
footer .news-main .date { padding: 20px; width:16%;}
footer .news-main .news { width: 74%;}
footer .box { min-height: inherit; border-bottom:1px solid #d4d4d6; border-right:none; padding:40px 30px 40px;}
footer{ padding:60px 0px 0;}
.launch-img { padding: 40px 20px;}
.bottom-header { background: rgba(32, 26, 39, 0.96);}
header.smaller {  position: relative;}
.banner { height: 246px; background-attachment: inherit; background-size: 640px; margin-top:0px;}


}

/************************************* 480px *************************************/

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

main{ width:80%; }
post{ padding:0 0 0 120px;}
post img{ width:100px; display:block;}
.padding{ padding:50px 0;}
.three-col, .form{ width:100%;}
.top-contact .call { display: block;}
.top-header .top-p{ display:none;}
.heading { font-size: 80px; line-height: 86px;}
.new-launch:after { bottom: -54%;}
footer .news-main .date {width: auto;}
footer .news-main .news { width: 60%;}
social { display: none}
.top-header { padding: 5px 0px;}
.logo { width: 98px; padding:30px 0px;}
.logo a img{ width:100%; margin:0px;}
.right-logo { width: 100px; padding-left: 10px;}
.right-logo img{ width: 80%}
header.smaller .menu { top: 26px;}
header.smaller li.showhide { padding-bottom: 37px;}
.launch-detail { padding: 0 0 0 0;}
.banner { height: 185px; background-size: 480px; }

}


/************************************* 360px *************************************/

@media only screen and (max-width: 360px) {

.bg-red .sub-heading{ font-size:16px;}
.bg-red .sub-heading span{ font-size:12px;}
.launch-left { padding: 60px 20px 170px;}
.banner { height: 138px; background-size: 360px; }

}

/************************************* 320px *************************************/

@media only screen and (max-width: 320px) {
    
main{width:90%;}

}