/* Anything here affects anything 992px or larger */


/* large tablets */

* {
	box-sizing: border-box;
}

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

	#wrapper {
		width: 100%;
		margin-top: -20px;
	}
	header, footer, #contact-top,
	#contact-details, summary#copyright, #contact-top,
	#contact-details, #slideshowbottom {
		width: 100% !important;
		padding: 0;
		margin: 0;
	}
	#content, article, aside, #testimonials, #page-title {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 10px;
	}
	#content img {
		margin: 0;
	}
	.home-text {
		width: 70%;
		margin: 0;
	}
	.testi-text, blockquote {
		width: 100%;
	}
	.img-responsive {
		margin: 0;
		padding: 0;
		width: 100%;

	}
	#contact-top {
		background: none;
		background-color: #3D5ABD;
		padding: 10px;
	}
	#contact-number {
		width: 25%;
	}
	#contact-number p {
		font-size: 16px;
	}
	#contact-details {
		background: none;
		background-color: #141414;
		height: auto;
		padding: 10px;
	}
	#contact-sales {
		width: 60%;
		height: auto;
		margin-left: 10px;
	}
	#contact-sales p {
		font-size: 17px;
		line-height: 1.4em;
	}
	#contact-details #trusted-company, #contact-details #fast-delivery {
		margin: 10px 10px 0 10px;
	}

	address {
		padding: 10px;
		margin: 0;
	}
	.brand {
		width: 32%;
	}
	.powering {
		display: none;
	}
	.logo, .battery-logo {
		width: 100%;
	}
	#socialmedialinks {
		margin: 0;
		padding: 10px;
	}
	#slideshowbottom {
		background: none;
		background-color: #000;
	}
	#slideshowbottom p {
		margin: 0;
		padding: 20px 10px 10px;
	}
	footer, #footer {
		padding: 10px;
		min-height: 60px;
	}
	.bg-side {
		background-color: #333333;
		width: 60%;
		min-height: 230px;
		text-align: center;
	}
	#largeImg {
		width: 100%;
	}
	div#gallery {
		max-height: 240px;
		overflow: hidden;
	}
	form, form fieldset, #name, #tel, #email, #comment {
		width: 100%;
	}
	form fieldset {
		padding: 10px;
	}
	nav {
		background: none;
	}
	.textoverly h3 {
		width: 100%
	}

}



/* small tablets */
@media screen and (max-width: 799px) {

	blockquote,  .home-text {
		width: 100% !important;
		padding: 0;
		margin: 0;
	}
	.home-text {
		padding: 0;
	}
	.brand {
		width: 70%;
		margin: 0 auto;
		display: block;
	}
	#content img {
		width: 100%;
	}
	#content img {
		display: none;
	}
	#contact-sales {
		width: 55%;
	}
	#contact-top {
		min-height: 80px;
	}
	#contact-number p {
		font-size: 14px;

	}
	#contact-number {
		width: 30%;
	}
	address {
		float: left;
		text-align: left;
		margin-top: 30px;
	}
	#contact-details #trusted-company, #contact-details #fast-delivery {
		margin: 20px 0 20px 10px;
	}
	#contact-number {
		clear: both;
		float: left;
		text-align: left;
		width: 100%;
	}
	.bg-side {
		width: 40%;
		text-align: left;
	}
	.sidebar-img {
		width: 100%;
		display: inline-block;
		margin: 0 auto;
		text-align: center;
	}
	div#gallery {
		max-height: none;
	}
	.bg-side {
			background-color: transparent;

		}
	map {
		width: 100%;
	}
}

@media screen and (max-width: 592px) {
	#page-title h1 {
		background: none;
		border-bottom: 2px solid #EC2534;

	}
	#page-title h2 {
		margin-top: 10px;
	}

}

/*mobile*/

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

	.textoverlay h3 {
		display: none !important;
	}

	.brand {
		width: 100% !important;

	}
	#page-title h1 {
		font-size: 22px;
		line-height: 1.4em;
	}
	#contact-sales {
		width: 90%;
	}
	address {
		margin-top: 30px;
	}
	#slideshowbottom p {
		font-size: 13px;
	}
	.sidebar-img {
		width: 100%;
	}
	div#gallery {
		display: inline-block;
	}
	.bg-side {
		width: 100%;
		min-height: auto;
		text-align: center;
	}
	#largeImg {
		max-width: 100%;
	}
/*	.owl-carousel .owl-wrapper-outer {
	height: auto;
	}
	#owl-slide {
		width: 100%;
	}*/
	.col-12 {
		width: 100%;
		display: block;
	}

}




/* nav */
@media screen and (max-width: 959px) {

	#page-title {
		margin-top: 20px;
	}

	/* #menu is the original menu */
	header nav {
		display:none;
	}

	.slicknav_menu {
		display:block;
		background-color: #3D5BBD !important;
	}
	.slicknav_nav p {
		padding-left: 15px
	}
	.slicknav_nav .slicknav_row {
		padding-left: 24px !important;
	}
	.slicknav_nav .slicknav_row a:hover {
		background-color: #fff;
	}
	.slicknav_nav a:hover {
		background: none !important;
	}
	.slicknav_btn {
		background-color: transparent !important;
	}
}


/* Responsive You Tube */

.embed-responsive {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    border: 0 none;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    box-sizing:border-box;
}
.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%;
}
.embed-responsive {
	width: 100%;
	}



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

	.partners, .contact-us {
		float: inherit !important;
	}

	.contact-us {
	}

	#owl-slide {
		float: left;
		margin-left: 0;
		display: block;
	}

}


.owl-item img {
	  width: 100%;
	  height: auto;
}

#mobileNav {
	float: left;
	clear: both;
	width: 100%;
}



    .google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        max-width: 530px;
    }

    .slicknav_menu {
	padding-bottom: -20px !important;
    }