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

- Project:	App Landing 
- Version:	1.1
- Author:  Templines
-------------------------------------------------------------------*/

/* 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-top  .fa.mobileMenuNav{
	display:block !important;
	color:#fff;
}

.header-top    .fa-times {
    margin-right: 20px;
    margin-top: -12px !important;
}

.header-top  #main-menu + .search{
	
	display:none !important;
}


	.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;
	}
	.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;
	}
}
/* Small devices (less than 820px) */
@media (max-width: 820px){ 
    
    
       html  .skew_appended, html .skew_prepended {
    z-index: 1;
}
    
    
  

    
    
    
	.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: 765px){
	
	
	.home-page{
		overflow:hidden;
	}
	
	
	
	html .header {
    position: relative;
    z-index: 900;
}


html .nav-container {
    z-index: 899;
}

html  body.openMenu  .fa-times{
		 display: block !important;
    position: relative;
    right: -20px;
		
	}
	
html .header-top  .fa-times{
		display:none !important;
	}
	
	html  body.openMenu .fa-bars{
		display:none !important;
	}
	
	
	
	.search.pull-right{
		display:none !important;
	}
	
	
html .nav-container {
 bottom: 0;
    float: none !important;
    top: 0;
}
	
	
.header{
	overflow:inherit !important;
}

html .nav-container {
    float: right;
    padding: 40px 30px 35px 0;
}
	html .small-device{
		display:block !important;
	}
	
	html .innerPageHeader {
		background:#037fa2 none repeat scroll 0 0;
    min-height: 80px;
    padding-bottom: 10px;
}
	
	
		html  .header-top   .search-field{
border: 1px solid #fff;
    color: #fff;
    height: auto;
    margin-bottom: 20px;
    margin-left: 25px;
    margin-right: 20px;
    padding: 10px;
    position: relative;
    width: 93%;
		
	}
	
	
	html .breadcrumbsBox {
    left: 15px;
    padding-bottom: 0;
    position: relative;
    right: 0;
    top: 20px;
}


html .grid-item, .disable-owl-item {
    display: inline-block;
    min-height: auto;
    padding: 0 0 2% 0;
    vertical-align: top;
    width: 100%;
}



html .owl-carousel.owl-app-screenshot {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: auto;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 0;
    position: relative;
    right: 20px;
    top: 0;
}

html   .owl-app-screenshot_item img {
 height: 100%;
    max-width: 270px;
    min-width: inherit !important;

}


.tabsBox .nav-tabs {
    border: 0 none;
    padding: 0;
}

html .nav-tabs > li {
    float: none;
    margin-bottom: 20px;
}


html .blog-slider {
    margin: 0 0 25px;
    padding-right: 0 !important;
    width: 100% !important;
}

html .blog-info {
    padding-right: 0 !important;
    padding-top: 0;
    width: 100% !important;
}

	
	.goToTop{
		display:none !important;
	}
	
	
	.fa-times{
		position:relative;
		  top: -20px;
	}
	
	
.fa.mobileMenuNav {
color: #fff !important;
    display: block !important;
    position: relative;
  
}


html .header-top .search-field::-webkit-input-placeholder {color:#fff  ;}
html .header-top .search-field::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
html .header-top .search-field:-moz-placeholder           {color:#fff;}/* Firefox 18- */
html .header-top .search-field:-ms-input-placeholder      {color:#fff;}


html .home-page .header {
     float: none;
    left: 0;
    margin-bottom: 0;
    position: relative;
    top: 0;
}


html .header-top {
    position: relative;
}
	
	.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){
	
	html .review-slide_autor-ava {
    left: 0;
    position: relative;
    top: 0;
	margin:0 auto;
    }  
	
	html .review-slide_autor {
    min-height: 58px;
    padding: 0;
    position: relative;
    text-align: center;
    width: auto;
}

	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: 620px){
	
	html .apps-slider {
    display: inline-block;
    padding: 0;
    width: 100%;
}

.apps-slider {
    display: inline-block;
    padding: 0;
    width: 100%;
}
	
	html .preview-item {
    background-color: #f7f7f7;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
}

html .disable-owl-item {
    display: inline-block;
    padding: 0;
    vertical-align: top;
    width: 100%;
}

html .vc-sidebar {
    margin-right: 0;
}
	
	html .staff-picks-list li {
display: inline-block;
    float: none;
    margin: 5px 0;
    width: 100%;
}
.home-section  .ellipseBtn.bigBtn {
  display: inherit;
    float: none !important;
    margin: 10px auto !important;
}

html .optionsList li {
    display: inline-block;
    float: none !important;
    width: 100%;
}

html .centerPhone {
    position: relative;
}


html .owl-theme .owl-controls {
    display: none !important;
}

html .preview-item {
    text-align: left;
}


html .downloadContainer {
    padding-left: 0;
    padding-top: 25px;
}



html ul.store-buttons {
    width: 100%;
}


html .package-item {
    width: 100%;
}


html .support-formbox .half-wigth {
    width: 100%;
}
html .support-desc {
    line-height: 23px;
    padding-top: 25px;
}

	.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){
    
    
    
html .both-decor .vc_column_container,html  .top-decor .vc_column_container,  html .z-index999 {
    position: relative;
    z-index: 7 !important;
}
	
	.woocommerce p.stars a.star-1, .woocommerce p.stars a.star-2, .woocommerce p.stars a.star-3, .woocommerce p.stars a.star-4, .woocommerce p.stars a.star-5 {
    border-right: 0;
}

html .woocommerce p.stars a{
	display:block;
}



	.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;
	}
}