/* Large Screens (Desktop) */

@media only screen and (max-width : 1764px) {
	.section {
		max-width: 1500px;
	}	

	#header .bottom #subnavigation ul li {
		font-size: 15px;
		margin-left: 7px;
		margin-right: 7px;
	}
	
	#intro .text .title {
		font-size: 90px;
	}

	#welcome .smallImages {
		left: 295px;
	}

	#why .reasons .reason:first-of-type {
		padding-left: 45px;
		padding-right: 45px;
	}

	#contact .text .cols .left {
		width: 660px;
	}

	#contact .text .form {
		padding: 70px;
	}

	#footer .top .left {
		width: 376px;
	}

	#footer .top .middle {
		width: 616px;
		margin-left: 33px;
	}

	#footer .top .right {
		width: 367px;
	}

	#footer .top .middle {
		margin-left: 16px;
	}

	#footer .middle .quickAccess {
		width: 200px;
	}

	#footer .middle .contactUs {
		padding-right: 20px;
	}
}

@media only screen and (max-width : 1640px) {
	.section {
		max-width: 1400px;
	}

	#header .bottom #subnavigation ul li {
		font-size: 14px;
	}

	#intro .text .title {
		font-size: 85px;
	}

	#welcome .image {
		width: 550px;
	}

	#welcome .smallImages {
		left: 208px;
	}

	#brands .listing li a {
		padding-left: 20px;
		padding-right: 20px;
	}

	#why .reasons .reason {
		padding: 40px 30px;
	}

	#why .reasons .reason:first-of-type {
		padding-left: 28px;
		padding-right: 28px;
	}

	#testimonials .slides li {
		padding-left: 30px;
		padding-right: 30px;
	}

	#contact .text .cols .left {
		width: 555px;
	}

	#contact .text .form {
		padding: 50px;
	}
}

@media only screen and (max-width : 1440px) {
	.section {
		max-width: 1170px;
	}

	#header .bottom .section {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	#header .bottom #subnavigation ul li {
		font-size: 16px;
	}

	#intro .text {
		font-size: 22px;
	}

	#intro .text .title {
		font-size: 70px;
		margin-bottom: 28px;
	}

	#intro .text .title span {
		font-size: 50px;
	}

	#features .listing li .name {
		font-size: 21px;
	}

	#features .listing li .total {
		font-size: 70px;
	}

	#welcome .smallImages li img {
		width: 300px;
	}

	#welcome .smallImages {
		left: 295px;
	}

	#welcome .text {
		width: 670px;
	}

	#welcome .image {
		width: 460px;
	}

	#welcome .smallImages {
		left: 230px;
	}

	#welcome .smallImages li img {
		width: 250px;
	}

	#brands .listing li a {
		padding: 30px 15px;
	}
	
	#brands .listing li .linkBtn {
		min-width: 1px;
		width: 100%;
		margin-top: 10px;
	}

	#brands .listing li .desc img {
		height: 123px;
	}

	#brands .listing li .desc .title {
		font-size: 27px;
	}

	#why .section {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	#why .reasons .reason {
		padding: 30px 10px;
	}

	#why .reasons .reason .text .title {
		font-size: 23px;
	}

	.heading {
		font-size: 49px;
	}

	#testimonials {
		padding-top: 100px;
		padding-bottom: 100px;
	}

	#testimonials .slides li {
		padding-left: 25px;
		padding-right: 25px;
	}

	#testimonials .slides li blockquote {
		font-size: 18px;
	}

	#testimonials .slides li blockquote cite {
		font-size: 21px;
	}

	#contact .image {
		width: 210px;
	}

	#contact .text {
		padding-left: 30px;
	}
		
	#contact .text .form {
		padding: 30px;
	}

	#contact .contacting li .ico {
		margin-right: 15px;
	}

	#contact .text .cols .left {
		width: 440px;
	}

	#footer .top {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	#footer .top .left {
		width: 100%;
		text-align: center;
	}

	#footer .top .left p {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
	}

	#footer .top .left .logo {
		margin: 0 auto 30px;
	}

	#footer .top .left .socials {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	#footer .top .left .socials li {
		margin-left: 12px;
		margin-right: 12px;
	}

	#footer .top .middle,
	#footer .top .right {
		margin-top: 30px;
	}

	#footer .top .middle {
		width: 753px;
	}

	#footer .middle .quickAccess {
		margin-right: 30px;
	}

}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}
		
	#header .top .section {
		height: 115px;
	}

	#header .top .logo {
		width: 100px;
	}

	#header .bottom #subnavigation ul li {
		font-size: 14px;
	}

	#intro .text {
		height: 720px;
		padding-right: 30px;
	}

	#intro .text .inner {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	#intro .text .title {
		font-size: 62px;
	}

	#intro .text .title span {
		font-size: 45px;
	}

	#intro .slider .owl-nav button {
		width: 70px;
		height: 70px;
	}

	#features .section {
		padding-top: 75px;
		padding-bottom: 75px;
	}

	#features .listing {
		margin-left: -8px;
		margin-right: -8px;
	}

	#features .listing li {
		margin-left: 8px;
		margin-right: 8px;
		padding-top: 45px;
		padding-bottom: 45px;
		width: calc(25% - 16px);
	}

	#features .listing li .total {
		font-size: 60px;
	}

	#features .listing li .name {
		font-size: 18px;
	}

	#welcome .image {
		width: 290px;
	}

	#welcome .text {
		width: 660px;
	}

	#welcome .smallImages {
		left: 15px;
	}

	#brands .listing li .desc img {
		height: 110px;
	}

	#brands .listing li .desc .title {
		font-size: 22px;
	}

	#why .reasons .reason:first-of-type {
		font-size: 30px;
	}

	#why .reasons .reason .ico {
		width: 50px;
		margin-right: 10px;
	}

	#why .reasons .reason .text {
		font-size: 18px;
	}

	#testimonials {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	#hear .section {
		padding-top: 130px;
		padding-bottom: 130px;
	}

	#contact .image {
		width: 127px;
	}

	#contact .text .cols .left {
		width: 380px;
	}

	#contact .text .cols .right {
		width: 407px;
	}

	#footer .top .middle {
		margin-left: 0;
		width: 570px;
	}

	#footer .middle .quickAccess {
		margin-right: 0;
	}

}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#header .top .options #navigation ul li,
	#header .top .options .linkBtn {
		margin-left: 25px;
	}
		
	#intro .text {
		height: 550px;
		font-size: 18px;
	}

	#intro .text .inner {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#intro .text .title {
		font-size: 45px;
		margin-bottom: 17px;
	}

	#intro .text .title span {
		font-size: 35px;
	}

	#intro .text .socials li {
		margin-right: 13px;
	}

	#intro .text .socials li a {
		width: 50px;
		height: 50px;
	}

	#intro .slider .owl-nav button {
		width: 45px;
		height: 45px;
		background-size: 25px;
	}

	#features .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	#features .listing li {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#features .listing li img {
		height: 65px;
	}

	#features .listing li .total {
		font-size: 50px;
	}

	#welcome .image {
		width: 240px;
	}

	#welcome .text {
		width: 455px;
		padding-top: 60px;
		padding-bottom: 60px;
		font-size: 18px;
	}

	#welcome .text p {
		margin-bottom: 25px;
	}

	#welcome .smallImages li img {
		width: 217px;
	}

	#brands .section {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	#brands .listing li {
		width: 50%;
	}

	#brands .listing li .desc img {
		height: 120px;
	}

	#brands .readyTo .title {
		font-size: 24px;
	}

	#why .section {
		padding-top: 70px;
		padding-bottom: 70px;
	}
	
	#why .reasons .reason {
		display: block;
		text-align: center;
	}

	#why .reasons .reason:first-of-type {
		padding-left: 15px;
		padding-right: 15px;
	}

	#why .reasons .reason .ico {
		width: auto;
		height: 70px;
		margin-bottom: 10px;
	}

	#testimonials {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	#testimonials .section {
		padding-left: 0;
		padding-right: 0;
	}

	#testimonials .slides {
		margin-top: 45px;
	}

	#testimonials .slides li {
		padding-left: 30px;
		padding-right: 30px;
	}

	#testimonials .slides li .image {
		width: 155px;
	}

	#testimonials .slides .owl-dots {
		margin-top: 40px;
	}

	#testimonials .slides .owl-dots .owl-dot {
		width: 15px;
		height: 15px;
		margin-left: 4px;
		margin-right: 4px;
	}

	#testimonials .slides li blockquote {
		font-size: 16px;
	}

	#testimonials .slides li blockquote cite {
		font-size: 18px;
	}

	#hear .title {
		font-size: 50px;
	}

	#hear .text {
		font-size: 18px;
	}

	#contact .text .cols {
		display: block;
	}

	#contact .text .cols .left {
		width: auto;
		margin-bottom: 50px;
	} 

	#contact .text .form .field .textbox {
		font-size: 18px;
	}

	#contact .text .form {
		padding: 50px;
	}

	#contact .text .cols .right {
		width: auto;
	}

	#contact .contacting li {
		margin-bottom: 32px;
	}

	#contact .contacting li .txt {
		font-size: 18px;
	}

	#contact .contacting li .txt span {
		font-size: 22px;
		line-height: 1.2;
	}

	#contact .contacting li .ico {
		width: 50px;
		height: 50px;
	}

	#contact .contacting li .ico img {
		-webkit-transform: scale(0.8);
		    -ms-transform: scale(0.8);
		        transform: scale(0.8);
	}

	#footer .top {
		font-size: 18px;
		padding-top: 70px;
		padding-bottom: 70px;
	}

	#footer .top .middle {
		width: auto;
	}

	#footer .top .right {
		width: 100%;
	}

	#footer .right .newsletter input {
		font-size: 18px;
	}

	#footer .bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-top: 30px;
		text-align: center;
	}

	#footer .bottom .links {
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin: 0 0 10px;
	}

	#footer .bottom .links li:last-child {
		padding-right: 18px;
	}
	

	.heading {
		font-size: 33px;
	}

	.heading span {
		font-size: 21px;
	}	
	
}

/* Extra Small Screens */

@media only screen and (max-width : 767px) {
	#menuBtn {
		display: block;
	}

	#mainWrapper,
	body.scrolled #mainWrapper {
		padding-top: 0 !important;
		transition: -webkit-transform .4s ease;
		-webkit-transition: -webkit-transform .4s ease;
		-o-transition: transform .4s ease;
		transition: transform .4s ease;
		transition: transform .4s ease, -webkit-transform .4s ease;
		transition: transform .4s ease,-webkit-transform .4s ease;
	}

	#header {
		position: static;
		border-top: 6px solid #D43F28;
		border-bottom: 3px solid #D43F28;
	}

	body.scrolled #header .top .section,
	#header .top .section {
		height: auto;
		display: block;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#header .top .logo,
	body.scrolled #header .top .logo {
		display: block;
		margin: 0 auto 20px;
		width: 120px;
	}

	#header .top .options .linkBtn {
		display: table;
		margin: 0 auto;
	}

	#header #navigation {
		display: none;
	}

	#header .bottom {
		display: none;
	}
	
	#content .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#intro .section {
		max-width: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 0;
	}

	#intro .slider {
		width: 100%;
		padding-bottom: 70%;
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
	}

	#intro .slider .inner {
		width: 100% !important;
	}

	#intro .slider .owl-nav {
		bottom: auto;
		right: 0;
		top: 50%;
		margin-top: -22.5px;
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
	}

	#intro .slider .owl-nav button {
		border-radius: 100%;
		background-color: rgba(255,255,255,0.6);
	}

	#intro .slider .owl-nav button:last-child {
		margin-left: auto;
	}

	#intro .text {
		padding: 17px 15px;
		width: auto;
		height: auto;
		text-align: center;
	}

	#intro .text .title {
		font-size: 37px;
	}

	#intro .text .title span {
		margin-bottom: 12px;
	}

	#intro .text .socials {
		width: 100%;
		margin-bottom: 20px;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	#features .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#features .listing li {
		padding-top: 20px;
		padding-bottom: 20px;
		margin-bottom: 0;
		width: calc(50% - 16px);
	}

	#features .listing li .total {
		font-size: 45px;
	}

	#features .listing li .name {
		font-size: 16px;
	}

	#welcome .section {
		display: block;
	}

	#welcome .smallImages {
		position: static;
	}

	#welcome .text {
		width: auto;
		text-align: center;
		font-size: 18px;
		padding-top: 40px;
		padding-bottom: 30px;
	}

	#welcome .smallImages {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 25px;
	}

	#welcome .smallImages li {
		width: 50%;
	}

	#welcome .smallImages li img {
		display: block;
		width: 100%;
	}

	#brands .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#brands .readyTo {
		margin-top: 44px;
	}

	.heading,
	#brands .heading {
		margin-bottom: 30px;
	}

	#why .section {
		padding-top: 60px;
		padding-bottom: 20px;
	}

	#why .reasons {
		display: block;
	}

	#why .reasons .reason {
		width: auto;
	}

	#why .reasons .reason:first-of-type {
		padding: 25px 20px;
	}

	#hear .title {
		font-size: 40px;
	}

	#hear .section {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	#contact .image {
		display: none;
	}

	#contact .text {
		padding: 70px 0 60px;
	}

	#contact .text .cols .left {
		width: auto;
	}

	#contact .text .form {
		padding: 0;
		background: none;
	}

	#footer .top {
		padding-top: 60px;
	}

	#footer .top .middle {
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 15px;
	}

	#footer .middle .quickAccess {
		width: 100%;
		margin-bottom: 40px;
	}

	#footer .top {
		font-size: 18px;
	}

	#footer .top .links li {
		margin-bottom: 20px;
	}

	#footer .bottom {
		font-size: 18px;
	}

	#footer .middle .contactUs {
		padding-left: 0;
	}

	#footer .middle .contacting li {
		text-align: left;
	}

	#footer .top {
		padding-bottom: 55px;
	}

	#footer .top .right {
		text-align: center;
	}

	#footer .right .newsletter input {
		font-size: 18px;
		padding-left: 18px;
		padding-right: 45px;
	}

	#footer .right .newsletter:after {
		right: 15px;
	}

	#footer .bottom .links {
		display: block;
		padding-left: 0;
	}

	#footer .bottom .links li {
		border: 0;
		padding: 0;
		margin-bottom: 10px;
	}

	#footer .bottom .links li:last-child {
		padding: 0;
	}

	.heading {
		font-size: 30px;
	}

	.heading span {
		font-size: 19px;
	}
	
}

@media only screen and (max-width : 478px) { 
	#brands .listing li {
		width: 100%;
	}
}

@media only screen and (max-width : 400px) { 
	
}