/*------------------------------------------------------------------
 - RESPONSIVE CSS

 - Project:	App Landing HTML/CSS Theme
 - Version:	1.1
 - Author: Andrey Sokoltsov
 - Profile:	http://themeforest.net/user/andreysokoltsov
-------------------------------------------------------------------*/

/* Large devices (less than 1410px) */
@media (max-width: 1410px){
	html .full-width-slider-controls .staticBox{
		position: relative;
		padding-bottom: 50px;
	}
	html .full-width-slider-controls .owl-theme .owl-controls{
		bottom: 0px;
		left: 0;
		margin: auto;
		right: 0;
		top: auto;
		width: auto;
	}
}
/* Large devices (less than 1200px) */
@media (max-width: 1200px){
	.posterBox img{
		max-width: 100%;
	}
	.downloadContainer{
		position: relative;
		z-index: 2;
	}
}
/* Large devices (less than 1214px) */
@media (max-width: 1214px){
	html .wrapper{
		width: 100%;
	}
	html .row{
		margin: 0;
	}
	.discountBox > div{
		padding-left: 0;
		padding-right: 0;
	}
	.package-item{
		width: 100%;
	}
}
/* Medium devices (less than 1100px) */
@media (min-width:993px) and (max-width:1100px){
	.subscribeNewsletter{
		margin-top: -225px;
	}
	
}
/* Medium devices (less than 993px) */
@media (min-width: 993px){
	.nav-container.customBgColor{
		background-color: transparent !important;
	}
	
}
@media (max-width: 992px){
	
	.header  .header-top {
    left: 0;
    position: fixed;
    top: 0;

}

.header .nav-container {
    top: 75px;
}
	.header-top{
		right: 0;
		top: 0;
		background-color: #162327;
		height: 75px;
		position: fixed;
		width: 100%;
		z-index: 3;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.openMenu .header-top{
		right: 280px;
	}
	.header-bottom{
		padding-top: 75px;
	}
	.header-top .logo{
		margin: 25px 0 0;
	}
	.nav-container{
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 0;
		position: fixed;
		right: -280px;
		top: 0;
		width: 280px;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.openMenu .nav-container{
		right: 0;
	}
	.openMenu .sp-body{
		right: 280px;
	}
	.fa.mobileMenuNav{
		display: block;
		cursor: pointer;
		font-size: 36px;
		float: right;
		margin-top: 21px;
	}
	.downloadConainer{
		padding: 20px;
	}
	.posterBox img{
		top: 25px;
	}
	.options-item{
		margin-bottom: 25px;
	}
	.option-dots{
		bottom: -20px;
	}
	.subscribeNewsletter{
		margin-top: 0;
	}
	.phonesImgBox img{
		margin: 10px auto 25px;
	}
	.optionsBox{
		padding-bottom: 7%;
	}
	ul.menu{
		width: 100%;
		padding: 0 10px;
	}
	ul.menu > li.search,
	ul.menu > li{
		border-bottom: 1px solid #fff;
		margin: 0;
		width: 100%;
	}
	ul.menu > li > a{
		padding: 6px 0;
		width: 100%;
	}
	ul.menu > li.search a{
		display: none;
	}	
	ul.menu > li.search .search-form{
		width: 100%;
		margin: 0;
	}
	ul.menu > li.search .search-form.form-inline .form-group{
		float: left;
		width: 100%;
	}
	ul.menu > li.search .search-form .search-field{
		width: 100%;
		margin: 26px 0;
		border: 1px solid #fff;
		padding: 0 10px;
	}
	ul.menu > li .dropdown-menu{
		background: rgba(0, 0, 0, 0);
		margin: 0;
		padding: 0 0 10px;
		position: relative;
	}
	ul.menu > li .dropdown-menu > li{
		border-bottom: 0 none;
	}
	ul.menu > li .dropdown-menu > li > a:focus,
	ul.menu > li .dropdown-menu > li > a:hover,
	ul.menu > li .dropdown-menu > li > a{
		background: rgba(0,0,0,0);
		color: #fff;
	}
	.nav-container ul.menu li .dropdown-menu > li > a:hover{
		color: #fff !important;
		text-decoration: underline;
	}
	ul.menu > li.open > a:after{
		display: none;
	}
	ul.menu li > a:focus{
		text-decoration: none;
	}
	.downloadContainer{
		padding-bottom: 20px;
	}
	.page-title{
		padding-top: 120px;
	}
	.blogPage{
		margin-top: 0;
	}
	.breadcrumbsBox{
		padding-bottom: 40px;
	}
	.breadcrumb-list{
		float: left;
	}
	ul.social-networks.pull-right{
		float: left !important;
		padding-top: 25px;
	}
	.post-share > div{
		padding-left: 0;
		padding-right: 0;
	}
	.mainStore .apps-slider.owl-theme{
		padding-bottom: 40px;
	}
	.mainStore .apps-slider.owl-theme .owl-controls{
		left: 0;
		margin: auto;
		top: auto;
		bottom: 0;
	}
	.mainStore .apps-slider.white-control.owl-theme .owl-controls .owl-page.active span, 
	.mainStore .apps-slider.white-control.owl-theme .owl-controls.clickable .owl-page:hover span{
		background: #ccc;
	}
	.mainStore .apps-slider.white-control.owl-theme .owl-controls .owl-page span{
		background: #fff;
		border-color: #ccc;
	}
	.staff-picks-list li{
		width: 46%;
		margin: 0 2% 40px;
	}
	.page-title.titleWithIcon .colorIcon{
		top: 105px;
	}
	.backLink{
		top: 0px;
	}
	.owl-carousel.owl-app-screenshot{
		top: 0px;
	}
	.nav-container .mobileMenuNav.small-device{
		display: block;
	}
}
/* Small devices (less than 820px) */
@media (max-width: 820px){
	.skew{
		min-height: 125px;
	}
	.skew_appended,
	.skew_prepended{
		height: 125px;
	}
	.skew_appended{
		bottom: -62px;
	}
	.skew_prepended{
		top: -62px;
	}
	.skew-bottom{
		padding-bottom: 125px;
	}
	.skew-top{
		padding-top: 125px;
	}
	.header-v2 .header-left,
	.header-left{
		width: 60%;
		padding: 50px 0 0;
	}
	.video-conatiner{
		padding: 20px 0 0;
	}
	.header-right{
		width: 40%;
	}
	.header-v2 .header-right img,
	.header-right img{
		top: 45px;
	}
	.mailchimp-form{
		width: 100%;
	}
	.subscribe-form.form-inline .form-group{
		float: left;
		width: 70%;
		margin: 0;
	}
	.subscribeFormBox{
		width: 100%;
	}
	.subscribe-form{
		width: 100%;
	}
	.subscribe-field{
		width: 100%;
	}
	.optionsBox{
		padding-bottom: 0;
	}
	.mainStore{
		margin-top: -200px;
	}
	.appDetailsContainer{
		padding-right: 15px;
	}
	.owl-carousel.owl-app-screenshot{
		margin: auto;
		position: relative;
		right: auto;
		top: 0;
	}
	.contentbox{
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.contentbox ul.rating{
		top: 30px;
	}
	.backLink{
		display: none;
	}
}
/* Small devices (less than 767px) */
@media (max-width: 767px){
	.posterBox img{
		display: none;
	}
	.straight{
		padding: 25px 0;
	}
	.straight-bottom{
		padding-bottom: 25px;
	}
	.straight-top{
		padding-top: 25px;
	}
	.centerPhone{
		position: static;
	}
	.pull-right .options-item,
	.pull-left .options-item{
		padding: 0 100px;
	}
	.option-dots{
		bottom: -65px;
	}
	.copyrightV2Txt{
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	ul.socialmenu{
		display: block;
		float: none !important;
		margin: auto;
		width: 225px;
	}
	.footer-title{
		margin-top: 20px;
	}
}
/* Small devices (less than 720px) */
@media (max-width: 720px){
	.arrowGetFree:before{
		display: none;
	}
	.review-full-width{
		padding: 0;
	}
	.membersArrow:after{
		display: none;
	}
	.featured-list{
		padding: 50px 0px 0;
	}
	.featured-list li{
		margin: 0 10px 40px;
	}	
	.blog-slider{
		width: 60%;
		padding-right: 0;
		margin: 0 20%;
	}
	.blog-slider.full-width{
		margin: 0;
		width: 100%;
	}
	.blog-info{
		width: 100%;
		padding-right: 0;
		padding-top: 30px;
	}
	.staff-picks-list li{
		width: 100%;
		margin: 0 0 20px;
	}
}
@media (max-width: 620px){
	ul.storelinks{
		width: 80%;
		float: none;
		display: block;
		margin: auto;
	}
	ul.storelinks li{
		margin-bottom: 10px;
		width: 100%;
	}
	ul.storelinks li a.storelinks_item{
		width: 100%;
		text-align: center;
	}
}
/* Extra small devices (less than 560px) */
@media (max-width: 560px){
	.skew{
		min-height: 60px;
	}
	.skew_appended,
	.skew_prepended{
		height: 60px;
	}
	.skew_appended{
		bottom: -30px;
	}
	.skew_prepended{
		top: -30px;
	}
	.skew-bottom{
		padding-bottom: 60px;
	}
	.skew-top{
		padding-top: 60px;
	}
	.header-title{
		font-size: 26px;
		line-height: 28px;
	}
	ul.store-buttons{
		width: 100%;
	}	
	ul.store-buttons li{
		width: 100%;
		text-align: center;
		padding-bottom: 15px;
	}
	ul.store-buttons li .ellipseBtn{
		float: none;
		text-align: left;
	}
	.download-title:after,
	.reviewsArrow:after{
		display: none;
	}
	.downloadContainer{
		padding-left: 15px;
	}
	.download-subtitle{
		margin: 15px 0 0;
	}
	.skew-screenshots .row > div{
		padding-left: 5px;
		padding-right: 5px;
	}
	.subscribeContainer{
		padding: 15px 15px 35px;
	}
	.supportBox{
		padding: 0 0 30px;
	}
	.reply-form .half-wigth,
	.support-formbox .half-wigth{
		width: 100%;
	}
	.option-dots{
		display: none;
	}
	.pull-right .options-item{
		padding: 0 0 0 100px;
	}
	.pull-left .options-item{
		padding: 0 100px 0 0;
	}
	.comments-item_ava{
		width: 50px;
		height: 50px;
	}
	.comments-item_inner{
		padding: 10px 0 15px 60px;
	}
	.comments-item .comments-item{
		padding-left: 60px;
	}
	.comments-item_user,
	.comments-item_user_date,
	.comments-item_user_name{
		float: left;
		width: 100%;
	}
}
/* Extra small devices (less than 460px) */
@media (max-width: 460px){
	.downloadBox-text{
		width: 100%;
		padding: 10px 0;
	}
	.arrowFreeDownload:after{
		display: none;
	}
	.blog-slider{
		width: 100%;
		padding-right: 0;
		margin: 0;
	}
	.post-content p.quote{
		line-height: 20px;
		padding: 20px;
	}
	.mention{
		padding: 15px 10px 15px 65px;
	}
	.mention-image{
		width: 50px;
		height: 50px;
		margin-top: -25px;
		left: 5px;
	}
	.comments-item_inner{
		padding-top: 30px;
	}
	.comments-item_ava{
		top: 30px;
	}
	.contentbox ul.rating{
		float: left;
		width: 100%;
		margin: 10px 0;
		position: static;
	}
	.contentbox{
		padding: 30px 10px;
	}
	.appDetailsContainer {
		padding-right: 5px;
		padding-left: 5px;
	}
}