@media ( min-width : 300px) and (max-width: 767px) {
	body {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 8px;
		line-height: 1.42857143;
		color: #333;
		background-color: #fff;
	}
	.font-size-40px {
		font-size: 20px !important;
	}
	.menu-bg {
		background-color: white;
	}
	
	.height-45vh {
		height: 22vh;
	}
	.product-images-white-bg {
		width: 25px;
	}
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 9px 10px;
		margin-top: -10px;
		margin-right: 30px;
		margin-bottom: 8px;
		background-color: #eaeff1;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.home-bg {
		background: url(../images/home-bg.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin-top: 35px;
	}
	.about-underline-width {
		width: 75px;
		height: 3px;
		/* margin-top: -35px; */
		margin-top: -5px;
	}
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9
		{
		padding-right: 3px;
		padding-left: 3px;
	}
	.container-fluid {
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
		margin-top: 20px;
	}
	.navbar {
		min-height: 75px;
		border: 0;
		width: 99%;
	}
	.nav {
		font-size: 15px;
	}
	.navbar-right {
		margin-right: 50px;
		margin-top: 35px;
	}
	.logo {
		margin-top: 2px;
		width: 27%;
		z-index: 1;
		position: absolute;
		margin-left: 10%;
	}
	.main-width {
		width: 100%;
		font-size: 6pt !important;
	}
	.feature-width {
		width: 100%;
		font-size: 6pt !important;
	}
	.gallery-width {
		width: 100%;
		font-size: 6pt !important;
	}
	.home-page-height {
		height: 150px;
	}
	.carousel-height {
		height: 400px;
	}
	.about-main-title {
		font-size: 8pt !important;
	}
	.about-sub-title {
		font-size: 7pt !important;
	}
	.about-content {
		font-size: 4pt !important;
	}
	.about-inner-title {
		font-size: 7pt !important;
	}
	.about-inner-containt {
		font-size: 4pt !important;
	}
	.about-alhasawi-bg {
		height: 200px;
	}
	.abdul-karim-photo {
		width: 100%;
	}
	.about-inner-containt-btn {
		left: 70%;
	}
	.about-main-btn {
		left: 50px;
	}
	.our-values-image {
		width: 100%;
		margin-left: 0%;
	}
	.container .jumbotron,.container-fluid .jumbotron {
		padding-right: 4px;
		padding-left: 4px;
	}
	.jumbotron p {
		margin-bottom: 0px;
		font-weight: 100;
	}
	.about-us-images {
		width: 100%;
		margin-left: 0%;
	}
	.manufacturing-litle {
		font-size: 9pt !important;
	}
	.retail-images-width {
		width: 80%;
	}
	.circle {
		display: block;
		height: 60px;
		width: 60px;
		line-height: 60px;
		-moz-border-radius: 35px;
		border-radius: 30px;
		background-color: #0B4776;
		color: white;
		text-align: center;
		font-size: 2em;
	}
	.img-circle {
		background-color: #0B4776;
		color: white;
	}
	/* .manufactoring-sub-menu {
		width: 700px;
		left: -3.5%;
	} */
	.main-product-content-p {
		font-size: 5pt !important;
	}
	.main-product-image {
		width: 110%;
	}
	.ace-image {
		width: 100%;
	}
	.sears-image {
		width: 100%;
	}
	.peak-image {
		width: 100%;
	}
	.dadida-image {
		width: 100%;
	}
	.ace-sub-image {
		width: 25%;
	}
	.retail-sub-content {
		font-size: 4pt !important;
	}
	.retail-content-btn {
		width: 300px;
		left: 80px;
	}
	.retail-content-height {
		height: 35vh;
	}
	.visit-font-size {
		font-size: 10pt !important;
	}
	.certificate-bg-image {
		/* background: url(../images/certificate-bg.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; */
		left: -1.5%;
		width: 103%;
	}
	.contact-scroll {
		background: #cccccc;
		width: 103%;
		margin-left: -1.5%;
	}
	.contact-map-bg {
		margin-left: -1.5%;
		width: 103%;
	}
	.contact-height {
		height: 350px;
	}
	.form-control {
		display: block;
		width: 100%;
		height: 25px;
		padding: 6px 12px;
		font-size: 12px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
			ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
			.15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	textarea.form-control {
		height: 80px;
	}
	.btn {
		display: inline-block;
		padding: 5px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	.margin-right-5per {
		margin-right: 0%;
	}
	.margin-left-5per {
		margin-left: 0%;
	}
	.height-55vh {
		height: 25vh;
	}
	.height-65vh {
		height: 30vh;
	}
	.manufacturing-underline-width {
		width: 80px;
		height: 3px;
		/* margin-top: -35px; */
		margin-top: -5px;
	}
	.retail-underline-width {
		width: 60px;
		height: 3px;
		/* margin-top: -35px; */
		margin-top: -5px;
	}
	.partner-underline-width {
		width: 80px;
		height: 3px;
		/* margin-top: -35px; */
		margin-top: -5px;
	}
	.certificate-underline-width {
		width: 95px;
		height: 3px;
		/* margin-top: -35px; */
		margin-top: -5px;
	}
	.font-size-11pt {
		font-size: 6pt !important;
	}
	.font-size-15pt {
		font-size: 7pt !important;
	}
	.font-size-20pt {
		font-size: 8pt !important;
	}
	.font-size-18pt {
		font-size: 6pt !important;
	}
	.height-50vh {
		height: 25vh;
	}
	.height-20vh {
		height: 7vh;
	}
	.height-70vh {
		height: 35vh;
	}
	.height-40vh {
		height: 22vh;
	}
	.tab-active {
		border-bottom: 2px solid;
		display: block;
		color: #7d8489;
	}
	.f-header {
		font-size: 6pt;
		font-family: swiss721BTLight;
		font-weight: bold;
	}
	.f-content {
		font-size: 4pt;
		font-family: swiss721BTLight;
	}
	.product-description {
		font-size: 6pt;
		font-family: swiss721BTLight;
	}
	p {
		margin: 0px 0 5px;
	}
	.height-30vh {
		height: 18vh;
	}
	.height-90vh {
		height: 45vh;
	}
	.form-control {
		padding: 0px 7px !important;
		font-size: 8px !important;
		height: 15px !important;
	}
	.h-google-map {
		height: 100px;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.container-fluid {
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
		margin-top: 20px;
	}
	.navbar {
		min-height: 130px;
		margin-left: .5%;
		margin-right: 0.5%;
		border: 0;
		width: 99%;
	}
	.nav {
		font-size: 15px;
	}
	.navbar-right {
		margin-right: 50px;
		margin-top: 35px;
	}
	.logo {
		margin-top: 10px;
		width: 18%;
		z-index: 1;
		position: absolute;
		margin-left: 5%;
	}
	.main-width {
		width: 93%;
		font-size: 11pt !important;
	}
	.feature-width {
		width: 58%;
		font-size: 11pt !important;
	}
	.gallery-width {
		width: 58%;
		font-size: 11pt !important;
	}
	.home-page-height {
		height: 250px;
	}
	.carousel-height {
		height: 400px;
	}
	.about-main-title {
		font-size: 18pt !important;
	}
	.about-sub-title {
		font-size: 16pt !important;
	}
	.about-content {
		font-size: 8.5pt !important;
	}
	.about-inner-title {
		font-size: 18pt !important;
	}
	.about-inner-containt {
		font-size: 9pt !important;
	}
	.about-alhasawi-bg {
		height: 400px;
	}
	.abdul-karim-photo {
		width: 100%;
	}
	.about-inner-containt-btn {
		left: 70%;
	}
	.about-main-btn {
		left: 50px;
	}
	.our-values-image {
		width: 150%;
		margin-left: -25%;
	}
	.container .jumbotron,.container-fluid .jumbotron {
		padding-right: 20px;
		padding-left: 20px;
	}
	.jumbotron p {
		margin-bottom: 0px;
		font-weight: 100;
	}
	.about-us-images {
		width: 190%;
		margin-left: -40%;
	}
	.manufacturing-litle {
		font-size: 9pt !important;
	}
	.retail-images-width {
		width: 100%;
	}
	.circle {
		display: block;
		height: 100px;
		width: 100px;
		line-height: 100px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		background-color: #0B4776;
		color: white;
		text-align: center;
		font-size: 2em;
	}
	.img-circle {
		background-color: #0B4776;
		color: white;
	}
	/* .manufactoring-sub-menu {
		width: 700px;
		left: -3.5%;
	} */
	.main-product-content-p {
		font-size: 10pt !important;
	}
	.main-product-image {
		width: 110%;
	}
	.ace-image {
		width: 150%;
	}
	.sears-image {
		width: 150%;
	}
	.peak-image {
		width: 150%;
	}
	.dadida-image {
		width: 150%;
	}
	.ace-sub-image {
		width: 20%;
	}
	.retail-sub-content {
		font-size: 10pt !important;
	}
	.retail-content-btn {
		width: 300px;
		left: 80px;
	}
	.retail-content-height {
		height: 60vh;
	}
	.visit-font-size {
		font-size: 10pt !important;
	}
	.certificate-bg-image {
		/* background: url(../images/certificate-bg.png);
		background-size: 100% 100%;
		background-repeat: no-repeat; */
		left: -1.5%;
		width: 103%;
	}
	.contact-scroll {
		background: #cccccc;
		width: 103%;
		margin-left: -1.5%;
	}
	.contact-map-bg {
		margin-left: -1.5%;
		width: 103%;
	}
	.contact-height {
		height: 560px;
	}
	.form-control {
		display: block;
		width: 100%;
		height: 25px;
		padding: 6px 12px;
		font-size: 12px;
		line-height: 1.42857143;
		color: #555;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow
			ease-in-out .15s;
		-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out
			.15s;
		transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	textarea.form-control {
		height: 80px;
	}
	.btn {
		display: inline-block;
		padding: 5px 12px;
		margin-bottom: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.42857143;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		-ms-touch-action: manipulation;
		touch-action: manipulation;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
}