@media(min-width:320px) and (max-width:480px){
	.logo{text-align:center;}
	.header-bg{height:auto;}
	.logo img{position:relative;}
	.logo-head{text-align:center;}
	.logo-head img{width:100%;}
	.social ul{text-align:center;}
	.header-bg h2{text-align:center;}
	.middle-in{float:none; width:100%; padding-bottom:10px; margin-bottom:5px;}
	.about h2{width:100%; font-size:24px;}
	.news h3{font-size:24px;}
	.footer-end p{text-align:center;}
	.right{float:none;}
	#quote-carousel .carousel-control.left {left:0px;}
	#quote-carousel .carousel-control.right {right:0px;}
	.ribbon{padding:10px 1em;}
	/*.item1.right1{padding-right:0px;}*/
	.right1{text-align:left;}
	.img-box img{width:100%;}
	.ser-main{width:100%; margin:0% 0% 3%;}
	.art ul li{font-size:14px !important;}
}
@media(min-width:480px) and (max-width:640px){
	.logo{text-align:center;}
	.header-bg{height:auto;}
	.logo img{position:relative;}
	.logo-head{text-align:center;}
	.social ul{text-align:center;}
	.header-bg h2{text-align:center;}
	.middle-in{float:left; width:48%; padding-bottom:10px; margin-bottom:5px;}
	.about h2{width:100%; font-size:24px;}
	.news h3{font-size:24px;}
	.footer-end p{text-align:center;}
	.right{float:none;}
	#quote-carousel .carousel-control.left {left:0px;}
	#quote-carousel .carousel-control.right {right:0px;}
	.ribbon{padding:10px 1em;}
	/*.item1.right1{padding-right:0px;}*/
	.right1{text-align:left;}
	.img-box img{width:100%;}
	.ser-main{width:100%; margin:0% 0% 3%;}
	.art ul li{font-size:14px !important;}
}
@media(min-width:640px) and (max-width:768px){
	.logo{text-align:center;}
	.header-bg{height:auto;}
	.logo img{position:relative;}
	.logo-head{text-align:center;}
	.social ul{text-align:center;}
	.header-bg h2{text-align:center;}
	.middle-in{float:left; width:48%; padding-bottom:10px; margin-bottom:5px;}
	.about h2{width:100%; font-size:24px;}
	.news h3{font-size:24px;}
	.footer-end p{text-align:center;}
	.right{float:none;}
	#quote-carousel .carousel-control.left {left:0px;}
	#quote-carousel .carousel-control.right {right:0px;}
	.ribbon{padding:10px 1em;}
	/*.item1.right1{padding-right:0px;}*/
	.right1{text-align:left;}
	.img-box img{width:100%;}
	.ser-main{width:100%; margin:0% 0% 3%;}
	.art ul li{font-size:14px !important;}
	.biggest h2{font-size:22px;}
}
@media(min-width:768px) and (max-width:1024px){
	#cssmenu > ul > li > a{padding:14px 20px;}
}