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

.mobileView {

    padding: 100px 0;
    position: relative;
    text-align: center;
    padding-top: 200px;
}
.mobileView p {
	color: #fff!important;
}


.head-parallax .lnr {
	display: none;
}
.mb-30-xs {
    margin-bottom: 30px!important;
}
	h2.feat-text {
		font-size: 1.6em!important;
		line-height: 28px;
		margin-top: 20px;
		font-weight: 500!important;
	}

.owl-carousel {
		display: none;
	}

	.navbar-default {
		background-color: rgba(255, 255, 255, 0);
	}

	.navbar-default .navbar-header .navbar-toggle {
		font-size: 12px;
		color: #ffffff;
		padding: 8px 10px;
	}	
	.navbar-default.affix .navbar-header .navbar-toggle {
		font-size: 12px;
		color: #fff;
		padding: 8px 10px;
	}
	.head-parallax .fullscreen {
		/* height: 15vh !important; */
	}	
	.mobileView {

		padding: 100px 0;
		position: relative;
		text-align: center;
	}	
	.header-content,
	.device-container {
		display: none;
	}
	#img_4 {
		display: none;
	}	
	ul.lead li {
		font-size: 12px;
		line-height: 30px;
	}
	section h2 {
		font-size: 32px;
	}	
	#intro h2.main-title {
    font-size: 46px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 60px;
    color: #0171ba;
	}	
	#third h2.main-title {
		font-size: 32px;
	}	
	ul.lead li {
	    font-size: 14px;
	    line-height: 30px;
	}	
.last-h {
	margin-bottom: 40px!important;
}
.owl-container {
	display: none;
}
}
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) { 
	.mobileView {

		padding: 100px 0;
		position: relative;
		text-align: center;
		padding-top: 200px;
	}
.mobileView p {
	color: #fff!important;
}	
	.mb-30-xs {
    margin-bottom: 30px!important;
}
	h2.feat-text {
		font-size: 1.6em!important;
		line-height: 28px;
		margin-top: 20px;
		margin-bottom: 10px!important;
		font-weight: 500!important;
	}	
	.owl-carousel {
		display: none;
	}

	.navbar-default {
		background-color: rgba(255, 255, 255, 0);
	}
	.navbar-default .navbar-header .navbar-toggle {
		font-size: 12px;
		color: #ffffff;
		padding: 8px 10px;
	}	
	.navbar-default.affix .navbar-header .navbar-toggle {
		font-size: 12px;
		color: #fff;
		padding: 8px 10px;
	}	
	.head-parallax .fullscreen {
		/* height: 15vh !important; */
	}	
	.header-content,
	.device-container {
		display: none;
	}	
	#img_4 {
		display: none;
	}
	section h2 {
		font-size: 32px;
	}	
	#intro h2.main-title {
		font-size: 32px;
	}	
	#third h2.main-title {
		font-size: 32px;
	}	
	ul.lead li {
	    font-size: 14px;
	    line-height: 30px;
	}		
.last-h {
	margin-bottom: 40px!important;
}
.owl-container {
	display: none;
}
}

@media (min-width:320px) { /* smartphones, Android phones, landscape iPhone */ 
.mobileView {

    padding: 100px 0;
    position: relative;
    text-align: center;
    padding-top: 200px;
}
.mobileView p {
	color: #fff!important;
}
.mb-30-xs {
    margin-bottom: 30px!important;
}
	.owl-carousel {
		display: none;
	}

	.navbar-default {
		background-color: rgba(255, 255, 255, 0);
	}
	.navbar-default .navbar-header .navbar-toggle {
		font-size: 12px;
		color: #ffffff;
		padding: 8px 10px;
	}	
	.navbar-default.affix .navbar-header .navbar-toggle {
		font-size: 12px;
		color: #fff;
		padding: 8px 10px;
	}	
	.head-parallax .fullscreen {
		/* height: 15vh!important; */
	}	
	.header-content,
	.device-container {
		display: none;
	}	
	#img_4 {
		display: none;
	}
	section h2 {
		font-size: 32px;
	}	
	#intro h2.main-title {
		font-size: 32px;
	}	
	#third h2.main-title {
		font-size: 32px;
	}
	ul.lead li {
	    font-size: 14px;
	    line-height: 30px;
	}	
	.last-h {
	margin-bottom: 40px!important;
}
.owl-container {
	display: none;
}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){ 
.mobileView {

    padding: 100px 0;
    position: relative;
    text-align: center;
    padding-top: 200px;
}
.mobileView p {
	color: #fff!important;
}
	header .header-content .header-content-inner {
    max-width: none;
    margin: 0;
    position: absolute;
    top: 30%;
    transform: translateY(-50%);
    left: -400px;
}
#img_3 {
    display: none;
}
#img_1 {
    display: none;
}
.btn, .navbar-default .nav > li > a {
    letter-spacing: 1px;
}
}

@media screen and (min-width: 1024px) {
.mobileView {
    z-index: 1;
    padding: 100px 0;

    position: relative;
    text-align: center;
    display: none;
}	
	.head-parallax .fullscreen {
		height: 100vh !important;
	}
	.header-content,
	.device-container {
		display: block;
	}	
	#img_4 {
		display: inline;
	}	
	#intro h2.main-title {
		font-size: 50px;
	}	
	#third h2.main-title {
	    font-size: 50px;
	}	
	section h2 {
	    font-size: 50px;
	}	
.owl-carousel {
		display: block;
	}	
.owl-container {
	display: block;
}	
}