@media ( max-width: 1200px ){
	body.avatar-responsive .avatar-wrapper {
		width: 100% !important;
	}
}
/*========================Responsive 1024=========================*/
@media screen and ( max-width: 1024px ){
	body.avatar-responsive .avatar-module{
		margin:0 10px 0 10px;
	}
	body.avatar-responsive .avatar-module[class*="st-parallax-"]{
		margin:0;
	}
	body.avatar-responsive .avatar-nav-responsive .pull{
		display: block;
		background: url("../images/pull.png") no-repeat;
		width: 30px;
		height: 23px;
		right: 10px;
		top:9px;
		position: absolute;
		z-index: 999999;
		cursor: pointer;
	}
	body.avatar-responsive .avatar-nav-responsive .toggle{
		display: block;
		background: url("../images/menu.png") no-repeat;
		width: 30px;
		height: 23px;
		text-indent: -99999px;
		cursor: pointer;
		margin-top: 14px;
	}
	body.avatar-responsive #avatar-header-inside-block{
		height: auto !important;
	}
	body.avatar-responsive .avatar-main-menu ul.st-main-menu{
		display:none;
	}
	body.avatar-responsive .avatar-main-menu ul.st-main-menu > li > ul{
		display:none;
		visibility: inherit;
		left: 0;
		margin-left:0;
		position: relative;
		border-top:none;
		box-shadow: none;
	}
	body.avatar-responsive.css3-effect .avatar-main-menu ul.st-main-menu > li ul{
		opacity: 1;
  		-moz-opacity: 1;
  		-khtml-opacity: 1;
  		-webkit-opacity: 1;
	}
	body.avatar-responsive .avatar-main-menu ul.st-main-menu > li > ul li a{
		padding: 7px;
	}
	body.avatar-responsive .nav>li>a{
		display: inline-block;
	}
	body.avatar-responsive .avatar-main-menu ul.st-main-menu:hover > li a {
  		opacity: 1;
  		-moz-opacity: 1;
  		-khtml-opacity: 1;
  		-webkit-opacity: 1;
	}
	body.avatar-responsive .avatar-main-menu ul.st-main-menu > li > ul:after{
		display:none;
	}
	body.avatar-responsive .avatar-main-menu ul.st-main-menu > li{
		display: block;
	}
	body.avatar-responsive .avatar-main-menu ul.st-main-menu > li > a{
		padding: 9px 0;
	}
	#avatar-pos-main-body{
		margin: 0 10px 0 10px;
	}
}
/*========================End Responsive 1024=========================*/
/*========================Responsive 768=========================*/
@media( max-width: 768px){
	body.avatar-responsive *[id*="avatar-pos-promo-top"], 
	body.avatar-responsive *[id*="avatar-pos-user"], 
	body.avatar-responsive *[id*="avatar-pos-promo-bottom"]{
		margin-bottom: 40px;
	}
	body.avatar-responsive .st-copyright,
	body.avatar-responsive .st-social-footer{
		text-align: center;
	}
	body.avatar-responsive .st-our-technical ul.our-product-tab li a.selected:after,
	body.avatar-responsive .st-our-technical ul.our-product-tab li a.selected:before{
		display:none;
	}
	body.avatar-responsive #avatar-pos-top-left-1,
	body.avatar-responsive #avatar-pos-top-right-1{
		width: 100% !important;
		float: none !important;
		text-align: center;
	}
	body.avatar-responsive .st-search{
		text-align: center;		
		padding: 0 0 20px 0;
	}
	body.avatar-responsive .st-our-technical ul.our-product-tab li{
		margin-bottom: 5px;
  		padding: 10px;
  		border: 1px solid #cccccc;
  		width: 45%;  
	}
	body.avatar-responsive .st-search form button	{
		display:none;
	}
	body.avatar-responsive .st-breadcrumbs{
		display: none;
	}
	body.avatar-responsive.st-faq #avatar-tool-block, 
	body.avatar-responsive.st-error-404 #avatar-tool-block, 
	body.avatar-responsive.st-about-us #avatar-tool-block{
		background: none;
		padding:0;
	}
	body [class*="col-sm-"]{
		padding:0;
	}
	body .row {
		margin:0;
	}
	body.avatar-responsive.st-blog #avatar-content{
  		margin-left: 0;
  		margin-right: 0;
	}
	body.avatar-responsive.st-blog #avatar-right{
		margin-top: 30px;
	}
	body.avatar-responsive.st-blog .blogst-blog{
		padding-left: 0;
  		padding-right: 0;
	}
	body.avatar-responsive ul.st-recent-work,
	body.avatar-responsive .st-recent-work-head{
		margin-left:0;
	}
	body.avatar-responsive .st-contact-form .stct-form .stct-col4{
		width: 100%;
		margin-right:0;
	}
	body.avatar-responsive .st-contact-form .stct-form .stct-col8{
		width: 100%;
	}
	body.avatar-responsive .st-get-lastest-news .payment img{
		width: 100%;
	}
	body.avatar-responsive .st-count-down .st-content div{
		margin-bottom: 10px;
	}
}
/*========================End Responsive 768=========================*/
/*========================Responsive 568=========================*/
@media (max-width: 568px){
	[class*="col-sm-"]{
		margin-bottom: 40px;
	}
	body.avatar-responsive.st-blog #avatar-right [class*="col-sm-"]{
		margin-bottom: 0;
	}
	body.avatar-responsive #avatar-pos-top-right {
  		width: 60%;
	}	
	body.avatar-responsive #avatar-pos-top-left {
  		width: 40%;
	}
	body.avatar-responsive .st-search form input{
		width: 100%;
	}
	body.avatar-responsive  .st-subcibe-contruction .stct-form .stct-col6{
		width: 100%;
		margin-bottom: 10px;
	}
	body.avatar-responsive .st-subcibe-contruction .stct-form input{
		width: 100%;
	}
	body.avatar-responsive .st-subcibe-contruction .stct-btn{
		float:none;
	}
	body.avatar-responsive .st-parallax-pricing {
		background-repeat: repeat;
	}
	body.avatar-responsive .st-recent-posts .col-sm-3{
		float:left;
	}
	
}
/*========================End Responsive 568=========================*/
/*======================== Responsive 480=========================*/
@media (max-width: 480px){
	body.avatar-responsive ul.st-recent-work li{
		width: 100%;
	}
	body.avatar-responsive .error-404 .text{
		font-size: 12em;
	}
}
/*======================== End Responsive 480=========================*/
/*======================== Responsive 320=========================*/
@media (max-width: 320px){
	body.avatar-responsive.st-blog  #avatar-pos-main-body .st-intro-image,
	body.avatar-responsive.st-blog #avatar-pos-main-body .st-content,
	body.avatar-responsive.st-blog .category-blog-layout,
	body.avatar-responsive.st-blog #avatar-pos-main-body .st-intro-image img,
	body.avatar-responsive.st-blog .category-blog-layout .pull-left{
		width: 100%;
	}
	body.avatar-responsive.st-blog .category-blog-layout{
		margin-bottom: 15px;
	}
	body.avatar-responsive ul.st-recent-work li .content .title{
		padding-top: 1px;
	}
	body.avatar-responsive ul.st-recent-work li .content a.zoom{
		margin-top:0;
	}
}
/*========================End Responsive 320=========================*/
@media(min-width: 568px){
	[class*="col-sm-"]{
		float:left;
	}
	.col-sm-4{
		width: 30.66%;
		margin-right: 4%;
	}
	.col-sm-8{
		width: 65.332%;
	}
	body .row {
		margin:0;
	}
	body [class*="col-sm"]{
		padding:0;
	}
	.col-sm-6{
		width: 48%;
		margin-right: 4%;
		padding:0;
	}
	.col-sm-6:last-child{
		margin-right:0;
	}
	.st-pricing-table .col-sm-4{
		width: 33.333%;
		margin-right: 0;
	}
	.col-sm-4:last-child{
		margin-right:0;
	}
	.col-sm-3{
		width: 22%;
		margin-right: 4%;
	}
	.col-sm-3:last-child{
		margin-right:0;
	}
	.st-our-client .col-sm-2{
		width: 20%;
		padding:0;
	}
	.st-our-client .col-sm-2 {
      width: 20%;
      float: left;
   	}
}