@media screen and (min-width: 768px) and (max-width: 1200px){
    
}
@media screen and (max-width: 992px){
    .navbar-toggle {
        display: block;
    }
    .mp-menu h2 i{
        padding-right: 10px;
    }
    .navbar-header{
		position: absolute;
		top: 0;
        /*right: 0;*/
	}
    .mp-menu ul li > a {
        color: #fff;
    }
	#js-mainnav{
		display: none;
	}   
    #at-share-dock{
        display: none;
    }
    .box-heading h2{
        font-size: 24px;
    }
}
@media (min-width: 1200px){

}
@media (min-width: 992px){ 
}
@media screen and (min-width: 680px) and (max-width: 992px){
}

@media screen and (max-width: 768px) {
	.navbar-nav{
        display: none;
    }
    .search{
        float: left;
    }
    .box-heading h2{
        font-size: 12px;
    }
    .box-heading h2 span{
        display: none;
    }
}

@media screen and (max-width: 680px){
    .logo img{
        width: 95%;
    }
    .layout-slideshow .sprocket-features-title{
        font-size: 15px;
    }
    .layout-slideshow .sprocket-features-desc{
        font-size: 12px;
    }
}

@media screen and (max-width:510px){

}

@media screen and (max-width: 420px) {
    .socail a{
        font-size: 25px;
    }
    .layout-slideshow .sprocket-features-content{
        width: 75%;
        top: initial;
        bottom: 0;
        left: 12%;
    }
    .layout-slideshow .sprocket-features-title {
        font-size: 15px;
        margin: 0;
        padding: 0 10px;
    }
}

@media screen and (max-width: 370px){
    .logo img{
        width: 150px;
    }
}

@media screen and (max-width: 320px){
	
}