@media (max-width: 767px) {
	#sp-header .logo img{display: block;margin: 0px auto;max-width: 100%;float: none;}
	#offcanvas-toggler {line-height: 40px!important;}
	#sp-about-us {background: none!important;text-align: center;}
	#sp-about-us img {margin: 25px auto 0;}
	#sp-services #sp-position4 .box-wapper {background-color: #f1f2f3;margin: 0 0 15px;}
	#sp-services #sp-position4 .box-wapper {margin: 0 0 15px;}
	#sp-services #sp-position4 .box-wapper ul li {padding-right: 15px;}
    #sp-news {background:linear-gradient(to top,#feca40 8% ,#a2a2a2 64%);}
    #sp-news #sp-position5 .sp-module-title, #sp-position5 .bt-cs .slide .bt-row {padding-right: 0px;}
    #sp-position5 .bt-cs .bt-inner img {float: none !important;margin: 0 auto!important;display: block;}
    #sp-position5 .bt-cs .bt-inner {padding: 0 0 0 0;text-align: center;}
    #sp-news #sp-position6 {padding-right: 15px;}
    .menu-footer ul li a {display: block;padding: 0 4px!important;font-size:13px;}
	#sp-news .sp-module-title {text-align: center;}
	#sp-copyright {padding: 5px 15px;}
    #sp-component .item-page .contect-us ul li span {font: 16px 'Calibri';}
	.item-page h2, .blog .page-header h1 {font: 20px 'DroidKufi-Bold';}
	.blog h2 a {font: 16px 'Calibri';}
	#sp-footer .info ul {margin: 0 auto;width: 100%;}
    #sp-footer .info ul li {margin: 0 auto 5px;}
    #sp-about-us {padding: 30px 0;}
    #sp-tabligh {margin: 0 !important;}
    #sp-news .service img {margin: 5px auto 10px !important;float: none!important;}
    #sp-news .service h4 {display: block;text-align: center;}
    #sp-news .service a {float: none;margin: 10px auto 25px;display: block;text-align:center;}
    #sp-services #sp-position4 img {margin: 0 auto;width: 100%;}
    #sp-news #sp-position5 h3 {width:70%;}
    #sp-position16 h3 {width: 80%;}
    #sp-copyright p, #sp-copyright p a {text-align: center;}
    .item-page h3 {font: 18px 'Square 721';}
}

@media (min-width: 768px) and (max-width: 991px) {
	#offcanvas-toggler {line-height: 75px!important;}
	.offcanvas .offcanvas-menu {right: 30%!important;}
	.offcanvas-overlay {left: 100%!important;}
	#sp-about-us {padding: 80px 0 20px;background-position: 50% 20%;}
	#sp-about-us img {margin: 50px auto 0;}
	#sp-services #sp-position4 .box-wapper ul {margin: 7px 0;}
	#sp-services #sp-position4 .box-wapper ul li {font-size: 13px;line-height: 20px;}
	#sp-news {background: linear-gradient(to top,#feca40 48% ,#a2a2a2 48%);}
	#sp-news #sp-position6 .sp-module-title{margin: 35px 0 0;}
	#sp-news #sp-position5 .sp-module-title, #sp-position5 .bt-cs .slide .bt-row{padding-right: 0px;}
	#sp-news #sp-position6 {padding-right: 15px;}
	.menu-footer ul li a {padding: 0 11px!important;font-size: 14px;}
	#sp-position16 h3  {width: 55%;}
	#sp-position5 .botom-news {margin-bottom: 117px;}
	.item-page .contect-us img {max-width: 12%;float: left !important;margin: 0 20px 13px 0px;}
	.blog h2 a {font: 16px 'Calibri';}
	.blog .item p {text-align: center;font: 14px 'Calibri';}
	.item-page img{float: none!important;display: block;margin: 0 auto 10px;max-width: 100%;}
	#sp-footer .info ul {margin: 0 auto;width: 100%;}
	#sp-footer .info ul li span {font: 13px 'Calibri';}
	#sp-footer .info ul li {margin: 0 0 0 11px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#offcanvas-toggler{display: none!important;}
	.sp-megamenu-parent > li > a {padding: 50px 8px !important;font: 13px 'Square 721' !important;}
	#sp-about-us {padding: 80px 0 0;background-position: 50% 100%;}
	#sp-news #sp-position6 {padding-right: 15px;}
	#sp-news #sp-position5 .sp-module-title, #sp-position5 .bt-cs .slide .bt-row {padding-right: 0;}
	.item-page img{float: left;max-width: 50%;width:25%;margin: 0 20px 0 0;}
	#sp-footer .info ul {margin: 0 auto;width: 85%;}
	#sp-services #sp-position4 .box-wapper ul {margin: 5px 0;}
	#sp-services #sp-position4 .box-wapper ul li {line-height: 20px;}
    #sp-component .item-page .top-bottom {display: block;margin: 20px auto;float:none;max-width: 100%;width: 100%;}
}
@media (min-width: 1200px) {
	/*.container{width: 960px;}*/
	#offcanvas-toggler{display: none!important;}
	.body-innerwrapper {overflow-x: visible!important;}	
	#sp-services #sp-position4 .box-wapper .row{margin: 0;}
	#sp-services #sp-position4 .col-md-3{padding: 0;}
}