@media only screen and (min-width: 320px) and (max-width:767px) {
h1 	{ font-size:48px;line-height: 58px;letter-spacing: 2px }
h2 	{ font-size:28px;line-height: 36px  }
h3 	{ font-size:18px;line-height: 22px	}
h4 	{ font-size:16px;line-height: 22px	}
h5 	{ font-size:13px;line-height: 16px	}
h6 	{ font-size:10px;}
h1.mid-ex {
    font-size: 32px;
    line-height: 42px;

}
	p	{font-family:'Open Sans',Helvetica,Arial,sans-serif;font-weight: normal;line-height: 20px;color: #6a6a6a;font-size: 13px;margin-bottom: 10px;font-weight: normal}
	
	.mobile-hide,.ipad-block,.apply-now-ball,.ideadesign,.arrownavy{display: none}
	.mobile-item{display: block}
	
	.landing-iphone-wrap{right: calc(50% - 30px ) !important;top:-100px !important;position: absolute !important;width: 60px !important}
	.landing-iphone-wrap img {width: 60px !important}
	.landing-text{padding-top: 40px}
	section{padding:60px  0}
	.top-sentence,.bottom-sentence{position: relative;top:auto}
	.mid-txt-bg{ display: none}
	#scrolldown{bottom:0px}
	.bottom-sentence{margin-bottom: 10px}
	.landing-section h5{margin-top: 0 !important}
	.roateion{bottom:90px;right: -52px}
	.more-group{margin-bottom:40px}
	.iphone-ss-img{width: 80% !important}
	svg.ss{width: 120%;height: 380px;left: -10%;top:160px}
	.iphone-in{width: 32%;top: 280px;height:120px;background: url(../img/iwho.png) center center no-repeat;background-size: contain;position: absolute;left: 37%}
	
	
	.svg-wrapper{height: auto;margin-bottom: 40px}
	
	.tableWrap>div{overflow: hidden;position: relative;float: left}
	.last-iphone{margin: 0 25% }
	.popup{padding: 30px}
	.popup li{margin-left: 12px}
	.closepop{right: 30px}
	
	/* landing */
	#Awesome{display: none}
	.landing-logo{display: none}
	
	/* content */
	section.hero-txt{padding-top: 0}
	.slider-img-loop{height: 300px !important}
	.who-should{padding: 60px 0}
	.dot-green{left: 30px}
	.date-wrapper{margin-bottom: 20px}
	.in-it-img{position: relative}
	.in-it-img img{ position: absolute;left: 24px;width: 56px !important;top:0;height: auto}
	.in-it-img{padding-left:  100px;padding-top: 4px;margin-bottom: 30px}
	.who-number li h5{padding: 9px 0}
	.apply-mobile{position: fixed;right: 20px;bottom: 20px;z-index: 999;text-align: center}
	
	.last-iphone{margin: 0 25;width: 50% !important}
	
	/* 2018 */
	.bteb li{width: 48%}
	.bteb-s li{width: 100%}
	.sym-list li{width: calc(48% - 20px)}
	.sym-ppl{width: 130px;height: 130px}
	.bteb2 li{width: 40%}
	.bteb2 li img{width: 80%}
	.sharp-li li{width: auto ;margin-bottom: 20px;float: left;min-height: 220px}
	.menu-list{padding-top: 153px}
	
	.sharp-li li{width: 100% !important;min-height: auto;padding-bottom: 20px !important;margin-bottom: 10px !important}
	.agenda-wrap .btn{position: relative;float: left;top:auto;right: auto;margin: 10px 0 20px 0;overflow: hidden}
	.sym-list li{width: 100%}
	
}
@media only screen and (min-width: 768px) and (max-width:992px) {
h1 	{ font-size:48px;line-height: 58px;letter-spacing: 2px }
h2 	{ font-size:28px;line-height: 36px  }
h3 	{ font-size:22px;line-height: 28px	}
h4 	{ font-size:16px;line-height: 22px	}
h5 	{ font-size:13px;line-height: 16px	}
h6 	{ font-size:10px;}
	p	{font-family:'Open Sans',Helvetica,Arial,sans-serif;font-weight: normal;line-height: 20px;color: #6a6a6a;font-size: 13px;margin-bottom: 10px;font-weight: normal}
	.container{padding: 0 30px !important;width: 100% !important}
	section{padding:60px  0}
	.bottom-sentence{top:110px}
	.img-mobile-img{width: 80px !important}
	.landing-iphone-wrap{top:120px !important}
	.more-group{margin-bottom:40px}
	svg.ss{width: 440px;height: 440px;left: -48px}
	.iphone-in{width: 32%;top: 160px;height:120px;background: url(../img/iwho.png) center center no-repeat;background-size: contain;position: absolute;left: 37%}
	.apply-now-ball{display: none}
	.arrownavy{display: none}
	.svg-wrapper{height: auto;margin-bottom: 40px}
	.ideadesign{margin-top: 60px}
	.iphone-ss-img{position: absolute;z-index: 99;float: right;width:80%;right:0%;top:20px}
	svg.ss{width: 540px !important;height: 540px !important;left: -74px !important}
	.iphone-in{left: 46%}
	.iphone-in{top:210px}
	.ion-plus-round.color-white {   margin-right: 8px !important;    margin-top: 18px !important;}
	.ion-plus-round{font-size: 16px !important}
	
	footer img{width: 100px !important}
	
	.sym-ppl{width: 130px;height: 130px}
	.f-icon{width: 80%}
	.sym-list li{float: left !important ;min-height: 260px;width: 20%}
}
@media only screen and (min-width: 993px) and (max-width:1400px) {
	.container{padding: 0 30px !important;width: 100% !important}
	.sym-list li{float: left !important ;min-height: 320px;width: 20%}
	.iphone-ss-img{position: absolute;z-index: 99;float: right;width: 60%;right: 10%;top:40px}
	svg.ss{width: 540px !important;height: 540px !important}
	.iphone-in{left: 53%}
	.ion-plus-round.color-white {   margin-right: 8px !important;    margin-top: 18px !important;}
	.ion-plus-round{font-size: 16px !important}
}
@media only screen and (min-width: 1401px) and (max-width:6000px) {
	
}