@media (min-width: 240px) and (max-width: 568px){
	.logo img { width:300px; }
	 .product ul li { width:100%; }
}

@media (min-width: 569px) and (max-width:767px){
	.logo img { width:350px; }
	.logo  { width:100%; }
}

@media (max-width:767px){
	
	.about-personal .col-md-3 { width:100%; }
	.about-personal .face-img { height:297px; width:300px; }
	.about-personal { padding-top:50px; }
	.about-personal .col-md-9 { width:100%; }
	.about-personal .title .logo { width:100%;} 
	.about-personal .title h4 {  margin-top:15px; font-size:19px; }
	.block-content .padding { padding:0 15px; } 
	.block-content .img { padding:0; }
	.block-content .img .categories { top:18px; }
	.block-content .img .categories ul li { margin-bottom:8px; }
	.block-content .right-block { padding:0; }
	.bottom-content .col-md-4 { padding:0 15px; }
	.bottom-content .col-md-4:last-child { padding:0 15px; } 
	.bottom-content .red-bg { margin-bottom:15px; }
	.block-content .img .categories {     left: -80px; }
	.footer .footer-menu ul li:first-child { padding-left:12px; }
	.about-personal .news-social .form-control { background:#f5f5f5; }
	.about-personal .latest-news { margin-top:100px; }
	.about-personal .latest-news .news-img img { width:auto; border:1px solid #808080; }
	.about-personal .latest-news .news-img { border:none; }
	.footer .footer-menu p.copyright { padding-left:15px; }
	.navbar-collapse { padding:0; }
	.navbar-collapse  { position:absolute; top:100%; left:0; z-index:1; width:100%; margin-left:0 !important;	overflow: scroll; }
	.title h4 { margin-top:15px; }
	.title h4 { font-size:19px; }
	.block-content .right-block h1 { font-size:23px; margin-bottom:13px; line-height:28px; }
	.about-personal .latest-news .news-img { margin-bottom:10px; }
	.about-personal .news-social { width:100%; }
	.block-content .img { margin-bottom:10px; }
	.block-content .right-block .qutos { padding:15px 10px; }
	.block-content .img { text-align:center; }
	.block-content .img img { display:inline-block; width:auto; }
	.single-product .left { margin-bottom:20px; }
	.single-product { margin-top:0; }
}

@media (min-width: 767px) {
}
@media (width:980px){
.block-content .padding { padding:0 15px; } 
	.block-content .img { padding:0; }
	.block-content .img .categories { top:15px; }
	.block-content .img .categories ul li { margin-bottom:8px; }
	.block-content .right-block { padding:0; }
.block-content .img .categories { left:10px; }
.block-content .img .categories ul li a {
    font-size: 12px;
    line-height: 8px;
}
}
@media (width:768px){
.block-content .padding { padding:0 15px; } 
	.block-content .img { padding:0; }
	.block-content .img .categories { top:18px; }
	.block-content .img .categories ul li { margin-bottom:8px; }
	.block-content .right-block { padding:0; }
.block-content .img .categories { left:10px; }
.block-content .img .categories ul li a {
    font-size: 12px;
    line-height: 8px;
}
}
@media (width:320px){
.block-content .padding { padding:0 15px; } 
	.block-content .img { padding:0; }
	.block-content .img .categories { top:18px; }
	.block-content .img .categories ul li { margin-bottom:8px; }
	.block-content .right-block { padding:0; }
.block-content .img .categories { left:-60px; }
.block-content .img .categories ul li a {
    font-size: 12px;
    line-height: 8px;
}
}

@media (min-width: 768px) and (max-width: 991px){
	
	.content {
    padding: 90px 0;
    
}
	.about-personal { padding-top:70px; }
	.about-personal .face-img { height:200px; width:200px; }
	.about-personal .title .logo { width:50%; }
	.about-personal .title .logo img { width:100%; }
	.about-personal .title .logo a { display:block; } 
	.about-personal .title h4 { font-size:17px; margin-top:29px; }
	.about-personal .news-social .form-control { width:113px; }
	.about-personal .news-social h6 { font-size:9px; }
	.header .navbar-inverse .nav > li > a { font-size:9px; margin-left:2px; padding:8px 3px; }
	.block-content .img .categories { top:15px; }
	.footer .footer-menu ul li a { font-size:11px; }
	.footer .footer-menu ul li { padding:0 4px;  }
	.about-personal .news-social .btn { padding:5px; font-size:18px; }
	.about-personal .news-social ul li { margin-right:7px; }
	.block-content .img .categories ul li a { padding:6px 0; }
	.block-content .img .categories ul li { margin-bottom:9px; }
	.logo { width:50%; }]
	.logo img { width:100%; }
	.title h4 { font-size:20px; line-height:20px; }
}

@media (min-width: 992px) and (max-width:1200px) {
	.about-personal .face-img { height:247px; width:250px; }
	.about-personal .title .logo { width:50%; }
	.about-personal .title .logo img { width:100%; }
	.about-personal .title .logo a { display:block; } 
	.about-personal .title h4 { font-size:22px; }
	.about-personal .news-social .form-control { width:153px; }
	.about-personal .news-social h6 { font-size:12px; }
	.header .navbar-inverse .nav > li > a { font-size:12px; margin-left:2px; padding:8px 4px; }
	.block-content .img .categories { top:10px; }
	.footer .footer-menu ul li a { font-size:13px; }
	.footer .footer-menu ul li { padding:0 8px;  }
	.content { padding-top:65px; }

}

@media (min-width:1201px) and (max-width:1350px) {
	.about-personal .face-img { height:247px; width:250px; }
	.about-personal .title .logo { width:50%; }
	.about-personal .title .logo img { width:100%; }
	.about-personal .title .logo a { display:block; } 
	.about-personal .title h4 { font-size:22px; }
	.about-personal .news-social .form-control { width:153px; }
	.about-personal .news-social h6 { font-size:12px; }
.header .navbar-inverse .nav > li > a {
    font-size: 12px;
    margin-left: 3px;
    padding: 8px 5px;
}	.block-content .img .categories { top:10px; }
	.footer .footer-menu ul li a { font-size:13px; }
	.footer .footer-menu ul li { padding:0 8px;  }
}