@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-title {
		padding: 0 40px;
	}

	#header .header-inner {
		height: 80px;
	}
	#header .logo {
		padding-top: 28px;
	}
	#header .nav li a {
		padding: 30px 7px;
	}
	#slider .single-slider{
		height:500px;
	}
	#slider .single-slider .text {
		margin-top: 100px;
	}

	#slider .single-slider .button{
		margin-top:30px;
	}

	#download .breadcrumb {
		padding: 200px 0;
	}
}

@media only screen and (max-width: 767px){
	.slicknav_menu {
		display: block;
		background: transparent;
		padding: 0;
		margin-top: 14px;
	}
	.slicknav_nav .slicknav_item a i {
		display: none;
	}
	.slicknav_menu .slicknav_btn {
		margin: 0;
		border-radius: 0;
	}
	.slicknav_menu .slicknav_nav{
		background:#333;
	}
	.slicknav_menu .slicknav_btn {
		margin: 0;
		background: #42ACF6;
		position: relative;
		top: -4px;
	}
	.slicknav_menu .slicknav_menutxt{
		text-shadow:none;
	}
	.section-title {
		padding: 0 40px;
	}
	#header .contact{
		float:none;
		text-align:center;
		margin-bottom:5px;
	}
	#header .social li.email {
		color: #fff;
		display: block;
		margin-bottom: 5px;
	}
	#header .social{
		float:none;
		text-align:center;
	}
	#header .right-bar{
		display:none;
	}
	#header .header-inner {
		height: auto;
		padding: 10px 0;
	}
	#header .logo {
		padding-top: 14px;
	}
	#header .nav li a {
		padding: 30px 7px;
	}

	.section-title {
		padding: 0 40px;
	}

	#slider .single-slider .slider-text {
		margin-top: 200px;
		text-align: center;
	}

	#news .breadcrumb {
		padding: 100px 0;
	}

	#download .breadcrumb {
		padding: 200px 0;
	}

	#qrcode .qrcode-left .btn-experience {
		float: none;
		margin-bottom: 20px;
	}

	#qrcode .qrcode-left h1,  #qrcode .qrcode-left p{
		float: none;
	}
}

@media only screen and (max-width: 320px){
	.section-title {
		padding: 0 20px;
	}

	#slider .single-slider .slider-text {
		margin-top: 200px;
		text-align: center;
	}

	#news .breadcrumb {
		padding: 50px 0;
	}

	#download .breadcrumb {
		padding: 100px 0;
	}

	#qrcode .qrcode-left button {
		float: none;
		margin-bottom: 20px;

	}

	#qrcode .qrcode-left h1 {
		float: none;
	}
}

@media only screen and (min-width: 992px){
	#pricing .package-plan {
		top: auto !important;
		bottom: 0px;
	}
}