@media (max-width: 1280px) {
	div.social {
		right: 0;
    top: 10px;
	}
}

@media (max-width: 1199px) {
	#sp-top2 {
		max-width: 100%;
    flex: 0 0 100%;
	}

	.sp-megamenu-parent > li > a {
		padding: 10px 14px;
    font-size: 14px;
	}

	.djslider-default ul.djslider-in > li,.djslider-default {
		height:400px !important;
	}
	#sp-section-4 .col-md-6 {
		margin:0 57px;
	}
}

@media (max-width: 991px) {
	#sp-logo {
		width:30%;
	}
	#sp-menu {
		width:70%;
	}
	div.social {
		top:-36px;
		left:0;
		width:70px;
	}
	.grid {
		max-width:50%;
	}
	figure.effect-a h2, figure.effect-a p {
		width:317px;
	}
	#sp-section-4 .col-md-6 {
		margin: 30px 1px;
	}
	#sp-bottom .sp-module ul > li {
		float:left;
		width:50%;
	}
	li.menu-parent > span > span.menu-toggler {
	width: 25px;
    height: 25px;
    background: url(../images/arrow-bot.png)no-repeat 0 -4px;
    position: absolute !important;
    top: 1px;
    left: 60px;
    background-size: cover;
    transition: all 0.5s;
	}
	li.menu-parent-open > span > span.menu-toggler {
		transform: rotate(180deg);
	}
}

@media (max-width: 800px) {
	.djslider-default ul.djslider-in > li, .djslider-default {
		height:300px !important;
	}
	#sp-section-2 {
		padding:20px 0;
	}
	#sp-slider > div > div > div.sp-module-content {
		border-width:15px;
	}
}

@media (max-width: 738px) {
	div.social {
		top:10px;
		left:initial;
	}
	div.slogan {
		font-size:initial;
	}
	figure.effect-a h2, figure.effect-a p {
		width:100%;
	}
	.grid {
		max-width: 100%;
    	padding: 0;
    	margin: 20px 0;
	}
	figure.effect-a img {
		width:100%;
	}
	#sp-section-4 .col-md-6 {
		width:100%;
	}
}

@media (max-width: 667px) {
	.djslider-default ul.djslider-in > li, .djslider-default {
		height: 250px !important;
	}
}

@media (max-width: 568px) {
	.logo-image {
		height:100px;
	}
	.djslider-default ul.djslider-in > li, .djslider-default {
		height:240px !important;
	}
	div.social {
		right:10px;
	}
	div.slogan {
		padding:20px;
	}
	div.slogan h2 {
		font-size:35px;
	}
	img.pull-right {
		margin-left: 0;
    width: 100%;
    margin-bottom: 10px;
	}
}

@media (max-width: 480px) {
	.sp-contact-info .fa {
		font-size:16px;
	}
	#sp-top-bar a {
		font-size:14px;
	}
	.djslider-default ul.djslider-in > li, .djslider-default {
		    height: 204px !important;
	}
	span.logo-h2:before {
		width: 47px;
    height: 35px;
	}
}

@media (max-width: 414px) {
	.djslider-default ul.djslider-in > li, .djslider-default {
		    height: 165px !important;
	}
	.sp-contact-info li {
		margin:0 7px;
	}
	div.slogan {
		padding:0;
	}
	#sp-section-3,#sp-section-4 {
		padding:25px 0;
	}
	#sp-bottom .sp-module ul > li {
		float:none;
		width:100%;
	}
	#sp-logo {
    	width: 40%;
	}
	#sp-menu {
    	width: 60%;
	}
	h1.caption span {
		font-size:20px;
	}
	.article-details .article-header h1, .article-details .article-header h2, h1.caption,#sp-bottom .sp-module .sp-module-title,#sp-section-4 .col-md-6 h2 {
		font-size:25px;
	}
	.btn-toolbar .btn-group {
		width:50%;
	}
}

@media (max-width: 384px) {
	.sp-contact-info li {
		 width: 51%;
	}
	.sp-contact-info {
		text-align:left;
	}
	div.social {
		top:-56px;
	}
	.djslider-default ul.djslider-in > li, .djslider-default {
    	height: 150px !important;
	}
	.jdscf-col button, div.btn-toolbar .btn-group>.btn {
		padding:15px 40px;
	}
}

@media (max-width: 360px) {
	.djslider-default ul.djslider-in > li, .djslider-default {
    	height: 140px !important;
	}
	.logo-image {
		height:75px;
	}
}

@media (max-width: 320px) {
	.jdscf-col button, div.btn-toolbar .btn-group>.btn {
		padding:15px 30px;
	}
	.djslider-default ul.djslider-in > li, .djslider-default {
    	height: 125px !important;
	}
	figure.effect-a h2 {
		font-size:20px;
	}
	.article-details .article-header h1, .article-details .article-header h2, h1.caption,#sp-bottom .sp-module .sp-module-title,#sp-section-4 .col-md-6 h2 {
		font-size:20px;
	}
	div.slogan h2 {
		font-size:30px;
	}
}