/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) { 
	.padding-left-0{
		padding-left: 15px;
	}
	.padding-right-0{
		padding-right: 15px;
	}	
	.padding-top-1{
		padding-top: 5px;
	}
	.padding-top-2{
		padding-top: 10px;
	}
	.padding-top-3{
		padding-top: 15px;
	}
	.padding-top-4{
		padding-top: 20px;
	}
	.padding-top-5{
		padding-top: 25px;
	}
	.padding-top-6{
		padding-top: 30px;
	}
	.padding-top-7{
		padding-top: 35px;
	}
	.padding-top-8{
		padding-top: 40px;
	}
	.padding-top-9{
		padding-top: 45px;
	}
	.padding-top-10{
		padding-top: 50px;
	}
	.padding-bottom-1{
		padding-bottom: 5px;
	}
	.padding-bottom-2{
		padding-bottom: 10px;
	}
	.padding-bottom-3{
		padding-bottom: 15px;
	}
	.padding-bottom-4{
		padding-bottom: 20px;
	}
	.padding-bottom-5{
		padding-bottom: 25px;
	}
	.padding-bottom-6{
		padding-bottom: 30px;
	}
	.padding-bottom-7{
		padding-bottom: 35px;
	}
	.padding-bottom-8{
		padding-bottom: 40px;
	}
	.padding-bottom-9{
		padding-bottom: 45px;
	}
	.padding-bottom-10{
		padding-bottom: 50px;
	}
	.margin-top-1{
		margin-top: 5px;
	}
	.margin-top-2{
		margin-top: 10px;
	}
	.margin-top-3{
		margin-top: 15px;
	}
	.margin-top-4{
		margin-top: 20px;
	}
	.margin-top-5{
		margin-top: 25px;
	}
	.margin-top-6{
		margin-top: 30px;
	}
	.margin-top-7{
		margin-top: 35px;
	}
	.margin-top-8{
		margin-top: 40px;
	}
	.margin-top-9{
		margin-top: 45px;
	}
	.margin-top-10{
		margin-top: 50px;
	}
	.margin-bottom-1{
		margin-bottom: 5px;
	}
	.margin-bottom-2{
		margin-bottom: 10px;
	}
	.margin-bottom-3{
		margin-bottom: 15px;
	}
	.margin-bottom-4{
		margin-bottom: 20px;
	}
	.margin-bottom-5{
		margin-bottom: 25px;
	}
	.margin-bottom-6{
		margin-bottom: 30px;
	}
	.margin-bottom-7{
		margin-bottom: 35px;
	}
	.margin-bottom-8{
		margin-bottom: 40px;
	}
	.margin-bottom-9{
		margin-bottom: 45px;
	}
	.margin-bottom-10{
		margin-bottom: 50px;
	}
	html{
		font-size: 12px;
	}
	#main-nav .navbar-brand .logo{
		max-width: 180px;
		margin-top: 8px;
		margin-left: 0;
	}
	#main-nav.affix .navbar-brand .logo{
		max-width: 170px;
		margin-top: 5px;
	}
	#main-nav #nav li{
		padding: 0 0 0 15px;
	}
	/*home slider*/
	.main-slide{
		margin-top: 53px;
	}
	.master-slider .ms-heading{
		font-size: 1.2rem;
	}
	.master-slider .ms-tagline{
		font-size: 0.7rem;
	}
	/* about section*/
	#about .inner-wrapper{
		width: auto;
	}
	#about .content{
		padding-right: 15px;
		padding-left: 15px;
	}
	#about .content.right{
		padding-left: 0;
		padding-left: 15px;
	}
	#about .phone img{
		max-width: 100%;
	}
	/* feature section*/
	.bg-feature{
		background: url(../images/feature-bg-sm.png) no-repeat top;
	}
	.features-left{
		margin-top: 180px;
	}
	.features-right{
		margin-top: 0;
	}
	.feature-box p{
		font-size: 1rem;
	}
	.phone img{
		max-width: 100%;
	}
	.vcenter, .vbottom {
	    display: block;
	}
	/* testimonial*/
	.testimonial-slide .image{
		height: 250px;
	}
	.testimonial-slide img{
		max-width: 220px;
		float: none;
		margin: 0 auto 30px;
	}
	#testimonial .bx-controls-direction .bx-prev{
		left: 0;
	}
	#subscribe p{
		font-size: 0.9rem;
		line-height: 1.8;
	}
	#subscribe form input[type="email"]{
		width: 290px;
	}
	footer .footer-top .footer-column{
		text-align: center;
		padding-bottom: 5px;
		border-bottom: 1px solid #424242;
	}
	footer .footer-top .footer-column:first-child .content{
		text-align: left;
	}
	footer .footer-top .footer-column:last-child{
		border-bottom: 0;
	}
	footer .footer-top .heading .footer-logo, footer .footer-top .content.address .ssl{
		margin: 0 auto;
		display: block;
	}
	footer .footer-top .content.address p{
		text-align: center;
	}
	header h1{
		font-size: 1.25rem;
	}
	#main-content .content .inner{
		padding-right: 15px;
	}
	.page-form .option{
		margin-right: 5px;
	}
	#main-content .page-header h1{
		font-size: 1.9rem;
	}
	#main-content .social ul li:first-child{
		margin-right: 5px;
	}
	#main-content .social ul li .btn-group .btn{
		width: 35px;
		height: 30px;
		font-size: 1rem;
	}
	#main-content .social ul li .btn-group .btn.btn-fb:last-child span:before,
	#main-content .social ul li .btn-group .btn.btn-twitter:last-child span:before{
		background-size: 50% 50%;
		left: -5px;
	}
	.submit-option img{
		max-width: 121px;
	}
	.submit-option p{
		padding: 0px 3px;
	    vertical-align: top;
	    margin-top: 5px;
	}
	.page-footer p{
		text-align: center;
	}
	.mobile-slide-wrapper{
		float: none;
		margin: 0 auto;
	}
}

@media(max-width: 767px){
	#about .content{
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	#about p{
		font-size: 1rem;
	}
	#about .section-heading.left{
		text-align: center;
	}
	#about .section-heading.left:before{
		left: calc(50% - 15px);
	}
	#main-content .content{
		background: #fff;
	}
	.form-header .order-badge{
		width: 90px;
		height: 90px;
	}
	.form-step{
		padding: 15px 10px 5px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	.padding-top-1{
		padding-top: 7px;
	}
	.padding-top-2{
		padding-top: 15px;
	}
	.padding-top-3{
		padding-top: 22px;
	}
	.padding-top-4{
		padding-top: 28px;
	}
	.padding-top-5{
		padding-top: 35px;
	}
	.padding-top-6{
		padding-top: 42px;
	}
	.padding-top-7{
		padding-top: 49px;
	}
	.padding-top-8{
		padding-top: 56px;
	}
	.padding-top-9{
		padding-top: 63px;
	}
	.padding-top-10{
		padding-top: 70px;
	}
	.padding-bottom-1{
		padding-bottom: 7px;
	}
	.padding-bottom-2{
		padding-bottom: 15px;
	}
	.padding-bottom-3{
		padding-bottom: 22px;
	}
	.padding-bottom-4{
		padding-bottom: 28px;
	}
	.padding-bottom-5{
		padding-bottom: 35px;
	}
	.padding-bottom-6{
		padding-bottom: 42px;
	}
	.padding-bottom-7{
		padding-bottom: 49px;
	}
	.padding-bottom-8{
		padding-bottom: 56px;
	}
	.padding-bottom-9{
		padding-bottom: 63px;
	}
	.padding-bottom-10{
		padding-bottom: 70px;
	}
	.margin-top-1{
		margin-top: 7px;
	}
	.margin-top-2{
		margin-top: 15px;
	}
	.margin-top-3{
		margin-top: 22px;
	}
	.margin-top-4{
		margin-top: 28px;
	}
	.margin-top-5{
		margin-top: 35px;
	}
	.margin-top-6{
		margin-top: 42px;
	}
	.margin-top-7{
		margin-top: 49px;
	}
	.margin-top-8{
		margin-top: 56px;
	}
	.margin-top-9{
		margin-top: 63px;
	}
	.margin-top-10{
		margin-top: 70px;
	}
	.margin-bottom-1{
		margin-bottom: 10px;
	}
	.margin-bottom-2{
		margin-bottom: 20px;
	}
	.margin-bottom-3{
		margin-bottom: 30px;
	}
	.margin-bottom-4{
		margin-bottom: 40px;
	}
	.margin-bottom-5{
		margin-bottom: 50px;
	}
	.margin-bottom-6{
		margin-bottom: 60px;
	}
	.margin-bottom-7{
		margin-bottom: 70px;
	}
	.margin-bottom-8{
		margin-bottom: 80px;
	}
	.margin-bottom-9{
		margin-bottom: 90px;
	}
	.margin-bottom-10{
		margin-bottom: 100px;
	}
	html{
		font-size: 14px;
	}
	#main-nav #nav li{
	padding: 0 0 0 28px;
	}
	#main-nav #nav li:first-child{
		padding-left: 0;
	}
	#main-nav .navbar-brand .logo{
		max-width: 190px;
		margin-top: 0;
	}
	#main-nav.affix .navbar-brand .logo{
		max-width: 175px;
		margin-top: 0;
	}
	#main-nav #nav{
		margin-top: 12px;
	}
	#main-nav.affix #nav{
		margin-top: 8px;
	}
	.ms-layer .container{
		padding: 0 15px;
	}
	.master-slider .ms-btn-heading{
		font-size: 1.2rem;
		padding-top: 35px;
	}
	.header-btn-group li{
		padding: 2px;
	}
	.header-btn-group li a img{
		max-width: 85px;
	}
	.features-left, .features-right{
		margin-top: 180px;
	}
	/*testimonial*/
	.testimonial-slide .image{
		height: 300px;
	}
	.testimonial-slide img{
		float: none;
		max-width: 200px;
		margin: 0;
	}			
	#testimonial .bx-controls-direction .bx-prev{
		left: 20%;
	}
	#subscribe p{
		font-size: 0.8rem;
		line-height: 1;
	}
	/*footer*/
	footer .footer-top .footer-column{
		text-align: left;
		border-bottom: 0;
	}
	footer .footer-top .heading .footer-logo{
		margin: 0;
	}
	footer .footer-top .content.address p{
		text-align: left;
	}
	footer .footer-top .content.address .ssl{
		margin-left: 15%;
	}
	header h1{
		font-size: 1.5rem;
	}
	#main-content .social ul li:first-child{
		margin-right: 6px;
	}
	#main-content .social ul li .btn-group .btn{
		width: 42px;
		height: 35px;
	}
	.submit-option img{
		max-width: 145px;
	}
	.submit-option p{
		padding: 0px 8px;
	    vertical-align: top;
	    margin-top: 10px;
	}
	.page-form .form-box input[type="radio"] + label .price{
		display: block;
		text-align: center;
		padding: 0;
	}
	.page-footer p{
		font-size: 0.95rem;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	html{
		font-size: 16px;
	}
	.vcenter {
		display: -webkit-flex;
		display: -ms-flex;
	    display: flex;
	    align-items: center;
	}
	.vbottom{
		display: -webkit-flex;
		display: -ms-flex;
	    display: flex;
		align-items: baseline;
	}
	#main-nav #nav li{
	padding: 0 0 0 54px;
	}
	#main-nav #nav li:first-child{
		padding-left: 0;
	}
	#main-nav .navbar-brand .logo{
		max-width: 242px;
		margin-top: 2px;
	}
	#main-nav.affix .navbar-brand .logo{
		max-width: 80%;
		margin-top: 0;
	}
	#main-nav #nav{
		margin-top: 22px;
	}
	#main-nav.affix #nav{
		margin-top: 15px;
	}
	.main-slide{
		margin-top: 0;
	}
	.master-slider .ms-heading{
		font-size: 48px;
	}
	.master-slider .ms-tagline{
		font-size: 21px;
	}
	.master-slider .ms-btn-heading{
		font-size: 1.5rem;
		padding-top: 45px;
	}
	.header-btn-group li a img{
		max-width: 115px;
	}	
	#about .content{
		padding-left: 0;
		padding-right: 20px;
	}
	#about .content.right{
		padding-left: 20px;
	    padding-right: 15px;
	}
	/* features */
	.bg-feature{
		background: url(../images/feature-bg-md.png) no-repeat top center;
	}
	.features-left{
		margin-top: 170px;
	}
	.features-right{
		margin-top: 0;
	}
	.feature-box p{
		font-size: 0.8rem;
	}
	.testimonial-slide img{
		float: none;
		max-width: 250px;
	}	
	#subscribe form input[type="email"]{
		width: 309px;
	}
	header h1{
		font-size: 1.6rem;
	}
	#main-content .page-header h1{
		font-size: 2.1rem;
	}
	#main-content .social ul li:first-child{
		margin-right: 10px;
	}
	#main-content .social ul li .btn-group .btn{
		width: 52px;
		height: 40px;
		font-size: 1.25rem;
	}
	#main-content .social ul li .btn-group .btn.btn-fb:last-child span:before,
	#main-content .social ul li .btn-group .btn.btn-twitter:last-child span:before{
		background-size: 100% 100%;
		left: -8px;
	}
	.submit-option img{
		max-width: 195px;
	}
	.submit-option p{
		padding: 0 15px;
	    vertical-align: middle;
	    margin: 0;
	}
	.page-footer p{
		font-size: 1rem;
	}
	.mobile-slide-wrapper{
		float: right;
		margin: 0 20px 0 0;
	}
	.slider .slide-title h1{
		bottom: 20px;
	}	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.padding-left-0{
		padding-left: 0;
	}
	.padding-right-0{
		padding-right: 0;
	}
	.padding-top-1{
		padding-top: 10px;
	}
	.padding-top-2{
		padding-top: 20px;
	}
	.padding-top-3{
		padding-top: 30px;
	}
	.padding-top-4{
		padding-top: 40px;
	}
	.padding-top-5{
		padding-top: 50px;
	}
	.padding-top-6{
		padding-top: 60px;
	}
	.padding-top-7{
		padding-top: 70px;
	}
	.padding-top-8{
		padding-top: 80px;
	}
	.padding-top-9{
		padding-top: 90px;
	}
	.padding-top-10{
		padding-top: 100px;
	}
	.padding-bottom-1{
		padding-bottom: 10px;
	}
	.padding-bottom-2{
		padding-bottom: 20px;
	}
	.padding-bottom-3{
		padding-bottom: 30px;
	}
	.padding-bottom-4{
		padding-bottom: 40px;
	}
	.padding-bottom-5{
		padding-bottom: 50px;
	}
	.padding-bottom-6{
		padding-bottom: 60px;
	}
	.padding-bottom-7{
		padding-bottom: 70px;
	}
	.padding-bottom-8{
		padding-bottom: 80px;
	}
	.padding-bottom-9{
		padding-bottom: 90px;
	}
	.padding-bottom-10{
		padding-bottom: 100px;
	}
	.margin-top-1{
		margin-top: 10px;
	}
	.margin-top-2{
		margin-top: 20px;
	}
	.margin-top-3{
		margin-top: 30px;
	}
	.margin-top-4{
		margin-top: 40px;
	}
	.margin-top-5{
		margin-top: 50px;
	}
	.margin-top-6{
		margin-top: 60px;
	}
	.margin-top-7{
		margin-top: 70px;
	}
	.margin-top-8{
		margin-top: 80px;
	}
	.margin-top-9{
		margin-top: 90px;
	}
	.margin-top-10{
		margin-top: 100px;
	}
	.margin-bottom-1{
		margin-bottom: 10px;
	}
	.margin-bottom-2{
		margin-bottom: 20px;
	}
	.margin-bottom-3{
		margin-bottom: 30px;
	}
	.margin-bottom-4{
		margin-bottom: 40px;
	}
	.margin-bottom-5{
		margin-bottom: 50px;
	}
	.margin-bottom-6{
		margin-bottom: 60px;
	}
	.margin-bottom-7{
		margin-bottom: 70px;
	}
	.margin-bottom-8{
		margin-bottom: 80px;
	}
	.margin-bottom-9{
		margin-bottom: 90px;
	}
	.margin-bottom-10{
		margin-bottom: 100px;
	}
	.social ul li .btn-group .btn{
		width: 45px;
		height: 40px;
		font-size: 20px;
		line-height: 2;
	}
	.master-slider .ms-btn-heading{
		font-size: 1.75rem;
		padding-top: 55px;
	}
	.header-btn-group li{
		padding: 3px;
	}
	.header-btn-group li a img{
		max-width: 135px;
	}
	/* features */
	.bg-feature{
		background: url(../images/feature-bg-lg.png) no-repeat top center;
	}
	.feature-box p{
		font-size: 0.725rem;
	}
	/* testimonial */
	.testimonial-slide img{
		float: right;
		max-width: 100%;
	}
	#testimonial .bx-controls-direction .bx-prev{
		left: 39%;
	}
	#main-content .content .inner{
		padding-right: 25px;
		padding-left: 25px;
	}
	#main-content .social ul li .btn-group .btn{
		width: 64px;
	}
	.page-form .form-box input[type="radio"] + label .price{
		display: inline;
		padding-right: 15px;
	}
	
	.page-form .option img{
		max-width: 100%;
	}
	.page-form span.option{
		top: -15px;
	}
	.page-footer p{
		font-size: 1.3rem;
	}
	.slider .slide-title h1{
		bottom: 35px;
	}	
}
@media only screen and (max-width : 992px){
	.content-bg .content > .row{
		margin: 0;
	}
}