						/*            1200px Screen Start        */

@media only screen and (max-width: 1200px){



}

						/*            1200px Screen End        */

						/*            980px Screen Start        */

@media only screen and (max-width:980px){

	.header{
		height: 64px;
		padding:10px;
		border-radius: 0 0 4px 4px;
	}
	.header.search-active{border-radius: 0;}

	.header.search-active.nav-up{
		-webkit-transform:translateY(-128px);
		-moz-transform:translateY(-128px);
		transform:translateY(-128px);
	}

	.nav-up{
		-webkit-transform:translateY(-74px);
		-moz-transform:translateY(-74px);
		transform:translateY(-74px);
	}

	.search-bttn{display: inline-block !important;}

	.search{
		position: absolute;
	    top: 64px;
	    right: 0;
	    width: 100%;
	    padding:15px;
	    background:rgba(0,0,0,.85);
	    margin-top: 0;
	    visibility: hidden;
	    opacity: 0;
	    z-index: 5;
	    -webkit-transition:all .2s ease-in-out;
		-moz-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
	}

	.search.active{
		visibility: visible;
		opacity: 1;
	}

	input[type="search"]{
		height: 34px;
		line-height: 34px;
	}

	.search input[type="search"]{padding:0 20px 0 30px;}

	.search button{
		top:18px;
		left:18px;
		width:28px;
		height: 28px;
		line-height: 32px;
		font-size: 10px;
	}

	.header-items{margin-top:7px;}

	.header-items a{
		width:32px;
		height: 32px;
		line-height: 30px;
		margin-right: 3px;
	}

	.header-items a.search-bttn:hover{
		color:#2e2e2e;
		background-color: transparent;
		border-color:#2e2e2e;
		-webkit-transform:scale(1,1);
		-moz-transform:scale(1,1);
		transform:scale(1,1);
	}

	.header-items a.search-bttn.active{
		color:#ffffff;
		background-color: #000000;
		border-color:#000000;
		-webkit-transform:scale(.9,.9);
		-moz-transform:scale(.9,.9);
		transform:scale(.9,.9);
	}

	.logo{
		position: relative;
		margin-left: 10px;
		z-index: 10;
	}

	.logo img{
		width:64px;
		border-width: 3px;
	}

	.banner{min-height: 550px;}

	.catogories-content li svg{
		width:24px !important;
		font-size: 16px;
		margin-left: 3px;
	}

	.image-boxes .section{
		min-height: 260px;
		height: auto !important;
	}

	.image-boxes .section-wrapper .section{border-bottom:1px solid #2e2e2e;;}

	.image-box-layer{
		height: 260px;
		opacity: 1;
	}

	.image-boxes .section.main-image{height: 450px !important;}

	.text-box,
	.top-box{margin-top:20px;}

	.title h3 svg{font-size: 28px;}

	.blog-slider .ms-slide .ms-layer strong{font-size: 25px !important;}
	.blog-slider .ms-slide .ms-layer p{font-size: 12px !important;}
	.blog-slider .ms-bullets{bottom:-38px;}

	.blog-slider .ms-bullet{
		width:10px;
		height: 10px;
		background:#000000;
	}

	.static-banner{height: 350px;}

	.static-banner h1{
		width:300px;
		height: auto;
		font-size: 32px;
		padding-top:0;
		background-size: 300px;
	}

	.login-register{padding:64px 10px 0 10px;}

	.login-register-box{
		width:300px;
		padding:20px;
	}

	.static-banner.specific-page{height: 450px;}

	#onlyScroll{display: none !important;}

	.app-gallery{margin-top:20px;}

	.st-wrapper .st-item{
		top:30px !important;
		width: 300px !important;
	}
	.st-wrapper{height: 340px !important;}

	.show-content{height: 270px;}

	.add-to-wishlist{right: -30px;}
	
}

						/*            980px Screen End        */

						/*            860px Screen Start        */

@media only screen and (max-width:860px){

	.blog-listing > ul li{
		width:48%;
		margin-right: 4% !important;
	}
	.blog-listing > ul li:nth-child(2n+1){margin-right: 0 !important;}

	.dashboard-tabs{padding-left: 100px;}

	.dashboard-tabs a.exit{
		padding-right: 20px;
    	border-right: 1px solid #b4b4b4;
	}

	.dashboard-tabs ul{
		direction: ltr;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    .dashboard-tabs ul li{
    	direction: rtl;
        display: inline-table;
        float: none;
    }

    span.draggable{display: block;}

	.specific-app-header{padding:0;}
    .app-details{
    	float: none;
    	width:430px;
    	clear: both;
    }

    .app-info{
    	width:100%;
    	padding-right: 150px;
    	margin-bottom:40px;
    }

}

						/*            860px Screen End        */

						/*            740px Screen Start        */

@media only screen and (max-width:740px){

	.news-image-box,
	.news-text-box{
		float: none !important;
		width:100%;
	}

	.news-text-box{padding:15px 5px 0 15px !important;}
	.news-box{padding-top:0;}

	.developer-status > div{
		width:140px;
		height:140px;
		padding-top:25px;
		margin:5px;
	}

	.developer-status svg{font-size: 22px;}
	.developer-status strong{font-size: 22px;}

	.history-app-info a{font-size: 12px;}

	.history-app-info img{
		width:25px;
		margin-left: 5px;
	}

	.app-sidebar{
		float: none;
		width:100%;
		margin: 0 0 15px 0;
	}

	.app-items{
		float: none;
		width:100%;
	}

	.filter-bttn{display: block;}

	.filters{
	    position: fixed;
	    top: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    overflow-y: auto;
	    padding: 20px 60px 60px 60px;
	    visibility: hidden;
	    opacity: 0;
	    background-color: #f6f6f6;
	    z-index: 99999999;
	    -webkit-transition:all .2s ease-in-out;
		-moz-transition:all .2s ease-in-out;
		transition:all .2s ease-in-out;
	}

	.filters.active{
		visibility: visible;
		opacity: 1;
	}

	.st-stack{display: none !important;}
	.st-wrapper nav{bottom: 5px !important;}
	.st-wrapper{margin-bottom: 40px !important;}

}

						/*            740px Screen End        */	

						/*            640px Screen Start        */

@media only screen and (max-width:640px){

	.image-box-layer .application-box img{width:80px !important;}

	.image-box-layer .application-box strong{
		font-size: 12px;
		margin-top:10px;
	}

	.top-box a.bttn{margin-top:20px;}
	.top-box svg{margin-bottom: 15px;}

	.title h3 svg{font-size: 24px;}

	.application-box{width:200px;}
	.carousel-slider .application-box a{padding:60px 15px 60px 15px;}
	.carousel-slider .application-box a img{width:100px !important;}
	.application-box a:not(.add-to-wishlist) svg{font-size: 22px;}
	.application-box a:not(.add-to-wishlist) svg:nth-of-type(1){left:10px;}
	.application-box a:not(.add-to-wishlist) svg:nth-of-type(2){left:40px;}
	.application-box a:not(.add-to-wishlist) svg:nth-of-type(3){left:70px;}

	.master-slider .application-box::before{
		right:25px;
		width:40px;
		height: 40px;
		background-size: 40px;
	}

	.ms-staff-carousel .ms-nav-prev,
	.ms-staff-carousel .ms-nav-next{margin-top:20px;}

	.owl-carousel .owl-stage-outer{padding:5px 0;}
	.owl-carousel .owl-dots{padding:10px 0;}

	.ads.type-2 > div{
		float: none;
		width:100%;
		margin:0 !important;
	}

	.static-banner{
		height: 240px;
		margin-bottom: 0;
	}

	.static-banner::after{
		height: 44px;
		background-size: cover;
	}

	.static-banner.blog-page{margin-bottom: 25px;}
	.static-banner.blog-page::after{display: none;}

	.static-main{
		float: none;
		width:100%;
	}

	.static-sidebar{
		position: relative;
		float: none;
		width:100%;
		height: 46px;
		overflow: hidden;
		padding-top:52px;
		margin:10px 0;
	}

	.static-sidebar.active{height: auto;}

	.static-sidebar::after{
		content:'';
		position: absolute;
		top:22px;
		left:20px;
		width:8px;
		height: 5px;
		background: url('../images/assets/arrow-bottom-black.png') no-repeat center;
		z-index: 8;
	}
	.static-sidebar.active::after{background-image: url('../images/assets/arrow-top-black.png');}

	.static-sidebar ul li.active{
		position: absolute;
		top:0;
		right:0;
		width:100%;
		z-index: 7;
	}

	.static-sidebar ul li.active a{user-select: none;}

	.contact-form p{font-size: 12px;}
	.contact-form button.bttn{margin: 15px 0;}

	.static-banner.dashboard{height: 240px;}

	.dashboard-banner-layer img{
		width:100px;
		padding:4px;
	}

	.dashboard-banner-layer strong{
		font-size: 16px;
		margin-top:10px;
	}

	.dashboard-banner-layer span{
		font-size: 12px;
		padding:8px 12px 5px 12px;
		margin-top:12px;
	}

	.dashboard .section-box-content{padding:30px 15px 15px 15px;}

	.add-credit p{font-size: 12px;}

	.table a.bttn{float: none;}

	.my-account-box .checkbox-holder input[type="checkbox"] + label{font-size: 12px;}

	.add-application{
		padding-top:25px;
		margin:15px 0;
	}

	.download-history table svg{font-size: 20px;}

	.my-review-box{
		padding-right: 0;
		margin-bottom: 15px;
	}

	.my-review-box .application-box{display: none;}
	.my-review-box .comment-content{font-size: 12px;}
	.comment-box{padding:12px;}
	.comment-options span{font-size: 11px;}

	.comment-options a{
		width:32px;
		height: 32px;
		line-height: 32px;
		font-size: 13px;
	}

	.ui-accordion .ui-accordion-content p{font-size: 12px;}

	.ui-accordion .ui-accordion-header{
		font-size: 11px;
		padding:12px 12px 11px 45px;
	}

	.login-register-box p{font-size: 12px;}
	.login-register-box form{margin-top:15px;}

	.register-text{
		padding-top:15px;
		margin-top:20px;
	}

	.choose-radio li label{
		font-size: 11px;
		padding:15px 35px 13px 5px;
	}

	.captcha{margin-top:15px;}

	.search-banner{height: 150px;}
	.search-banner h2{font-size: 20px;}

	.static-banner.specific-page{height: 240px;}

	.specific-layer{
		font-size: 16px;
		padding-bottom: 0;
	}
	.specific-layer h2{font-size: 27px;}
	.specific-layer h3{font-size: 24px;}

	.divider{margin:7px auto;}
	.divider.large{margin:15px auto;}

	.app-info{
		float: none;
		text-align: center;
		padding-right: 0;
		margin-bottom: 20px;
	}

	.app-specific-logo{
		position: static;
		margin-bottom: 5px;
	}

	.app-details{
		width:280px;
		margin:auto;
	}

	.specific-app{padding:15px;}

	.add-to-wishlist{
		top:-38px;
		right: -24px;
	}

	.app-permissions ul{
		float: none;
		width:100%;
		margin:0;
	}
	.app-permissions ul:first-of-type{margin-top:25px;}

	.product-stats{
		min-height: 0;
		padding:0;
		margin-bottom: 25px;
	}

	.total-stars{
		position: static;
		margin:auto;
	}

	.stars-stats{padding-right: 75px;}
	.stats-title{width:65px;}
	.stats-title .star-box span{margin:0 -3px;}

	.comment-content{font-size: 13px;}
	.write-review{padding-top:20px;}

}

						/*            640px Screen End        */											

						/*            560px Screen Start        */						

@media only screen and (max-width: 560px){

	.categories{padding:30px;}

	.categories-inner{padding:62px 12px 12px 12px;}

	.categories-tab{
		width:100%;
		height: 45px;
		overflow: hidden;
	}

	.categories-tab a{
		float: right;
		width:50%;
		height: 100%;
	}

	.categories-tab a span i{
		font-size: 14px;
		-webkit-transform:none;
		-moz-transform:none;
		transform:none;
	}

	.catogories-content li:not(:last-child){margin-bottom: 12px;}

	.catogories-content li a{font-size: 11px;}

	.categories-tab a:nth-child(1){border-radius: 0 7px 0 0;}
	.categories-tab a:nth-child(2){border-radius: 7px 0 0 0;}

	.catogories-content li svg{
		font-size: 14px;
		margin-left: 0;
	}

	.image-boxes .section{min-height: 200px;}

	.image-box-layer{
		height: 200px;
		background: rgba(21,21,21, .7);
	}

	.text-box,
	.top-box{margin-top:0;}

	.text-box i{font-size: 14px;}
	.text-box strong{font-size: 15px;}

	.text-box span{
		width:90px;
		height: 90px;
		font-size: 20px;
		padding-top:31px;
	}

	.app-section-box{margin-bottom: 30px;}
	.app-section-box::after{margin-top:30px;}

	.app-box{margin:30px;}

	.ads{margin:20px 0;}

	.title{
		padding:10px 0 0 0;
		margin-bottom: 30px;
	}

	.title a.bttn{
		position: static;
		margin-top:20px;
	}

	.app-items-wrapper{padding:20px 0;}

	#wrapper{padding-bottom: 0;}

	.footer{
		position: static;
		text-align: center;
		padding:25px 0 15px;
	}

	.footer ul{
		float: none;
		padding-top:25px;
	}

	.blog-slider .ms-slide .ms-layer p{display: none;}

	.blog-slider .ms-slide .ms-layer strong{
		font-size: 16px !important;
		margin-bottom: 20px;
	}

	.blog-listing > ul li{
		width:100%;
		margin-right: 0% !important;
	}

	.blog-content{height: auto;}

	.add-credit button,
	.add-credit input{
		display: block;
		margin:10px auto;
	}

	.my-account-box ul li > strong{
		display: block;
		width:100%;
		margin-bottom: 10px;
	}

	.my-account-box form > ul > li > span{display: block;}

	.my-account-box input,
	.my-account-box select,
	.my-account-box .ui-selectmenu-button{min-width: 0;}

	.file-name{margin-top:5px;}

	.permissions .checkbox-holder{
		display: block;
		width:100%;
		margin:2px 0;
	}

	.filters{padding: 20px 20px 60px 20px;}

	.textarea-word-tracker textarea{height: 170px;}

	.dashboard-tabs a.exit{font-size: 12px;}

}

						/*            560px Screen End        */

						/*            400px Screen Start        */

@media only screen and (max-width:400px){

	.app-box{margin:20px 30px;}

	.footer ul li{
		display: block;
		margin:0 0 10px 0;
	}

	.blog-slider .ms-slide .ms-layer strong{font-size: 14px !important;}

	.contact-options li a{
		height: 88px;
		padding:19px 5px;
	}

	.st-wrapper .st-item{width:280px !important;}

	.comment-options span{
		display: block;
		text-align: center;
		padding-bottom: 7px;
	}

	.app-details{width:260px;}

	.download-app a.bttn{
		min-width: 82px;
		font-size: 11px;
	}

	.developer-status > div:last-child{margin-top:-10px;}

}

						/*            400px Screen End        */										
