/*========================================================
	Main Style CSS for Installed By Us 2023
=========================================================*/
/*========================================================
										Fonts Declaration
=========================================================*/
@font-face {
  font-family: barlowregular;
  src: url('../fonts/Barlow-Regular.ttf');
}

@font-face {
  font-family: barlowlight;
  src: url('../fonts/Barlow-Light.ttf');
}

@font-face {
  font-family: barlowsemibold;
  src: url('../fonts/Barlow-SemiBold.ttf');
}

@font-face {
  font-family: barlowbold;
  src: url('../fonts/Barlow-Bold.ttf');
}

@font-face {
  font-family: barlowmedium;
  src: url('../fonts/Barlow-Medium.ttf');
}

/* colors declaration */
:root {
  --main-text: #000;
  --white: #fff;
  --new-yellow: #f7cc18;
  --new-fushia: #f24141;
}

/*========================================================
										RESET
=========================================================*/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
abbr,
address,
em,
img,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
form,
label,
legend,
caption,
article,
aside,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

input[type='submit'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/*========================================================
                      Main Styles
=========================================================*/
body {
  background: #fff;
  font-family: barlowmedium, arial, sans-serif;
  font-weight: 400;
  color: var(--main-text);
  font-size: 26px;
  margin: 0;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
  color: inherit;
}

/*=======================================================
    TOP
=========================================================*/
.bodyFrame {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.navFrame {
  width: 100%;
}

.companyData {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  height: 155px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.one {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.one img {
	width: 430px;
	margin-top: 5px;
}

.two {
  width: 57%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.three{
  width: 18%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}

.topInfoList{
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: left center;
  font-family: barlowsemibold, arial, sans-serif;
  font-size: 35px;
  text-transform: uppercase;
  padding-left: 88px;
  min-height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hoursList{
  background-image: url('../images/index/icon-clock-min.png');
}
.phonesList{
  background-image: url('../images/index/icon-phone.png');
}
.navRow {
  margin: 20px 0 10px;
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .topInfoList {
  	background-size: 55px 55px;
  	font-size: 32px;
  	padding-left: 68px;
  	min-height: 55px;
  }
  .one img {
  	width: 380px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .companyData {
    height: 90px;
  }

  .one img {
    width: 330px;
  }
  .topInfoList {
  	background-size: 55px 55px;
  	font-size: 28px;
  	padding-left: 68px;
  	min-height: 55px;
  }
  .two{
    width: 55%;
  }
  .three{
    width: 20%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .companyData {
    height: 90px;
  }
  .one img {
    width: 205px;
  }
  .topInfoList {
  	background-size: 38px 38px;
  	font-size: 21px;
  	padding-left: 48px;
  	min-height: 40px;
  }
  .two{
    width: 54%;
  }
  .three{
    width: 21%;
  }
}

/*========================================================
	NAVIGATION
=========================================================*/
.smobitrigger,
.mnuclose,
.telMob,
.menuTop ul li.mlogo,
.menuTop ul li.mphone,
.menuTop ul li.mhours,
.menuTop .mLine,
.menuTop .mmlink,
.menu ul li.mLine,
.menu ul li.mmlink,
.menu ul li.mlogo,
.menu ul li.mphone,
.menu ul li.mhours,
.logoMobi,
.newBanBtnPlace2,
.carRadio,
.mobServMobile,
.productSecWrapMobile,
.brandsSecWrapMobile,
.chevroATV,
.serBanBtnPlace2{
  display: none;
}
.menuTop ul li.mlink {
  font-size: 28px;
  display: inline-block;
  text-transform: capitalize;
  padding: 5px 20px;
  font-weight: 700;
  border: 2px solid transparent;
  cursor: pointer;
  position: relative;
}
.menuTop ul li.mlink:hover::after{
  position: absolute;
  left: 5px;
  bottom: -5px;
  content: '';
  background-image: url('../images/index/icon-element-hover-menu.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 36px 34px;
  width: 36px;
  height: 34px;
}
.menu ul li.mlink {
  font-size: 28px;
  display: inline-block;
  text-transform: capitalize;
  padding: 5px 20px;
  font-weight: 700;
  border: 2px solid transparent;
  cursor: pointer;
  position: relative;
}
.menu ul li.mlink:hover::after{
  position: absolute;
  left: 5px;
  bottom: -5px;
  content: '';
  background-image: url('../images/index/icon-element-hover-menu.png');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 36px 34px;
  width: 36px;
  height: 34px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .menuTop ul li.mlink {
  	font-size: 26px;
  }
  .menuTop ul li.mlink:hover::after{
    background-size: 32px 30px;
    width: 32px;
    height: 30px;
  }
  .menu ul li.mlink {
    font-size: 26px;
  }
  .menu ul li.mlink:hover::after{
    background-size: 32px 30px;
    width: 32px;
    height: 30px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .menuTop ul li.mlink {
  	font-size: 24px;
  }
  .menuTop ul li.mlink:hover::after{
    background-size: 32px 30px;
    width: 32px;
    height: 30px;
  }
  .menu ul li.mlink {
    font-size: 24px;
  }
  .menu ul li.mlink:hover::after{
    background-size: 32px 30px;
    width: 32px;
    height: 30px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .menuTop ul li.mlink {
  	font-size: 20px;
  }
  .menuTop ul li.mlink:hover::after{
    background-size: 22px 20px;
    width: 32px;
    height: 30px;
  }
  .menu ul li.mlink {
    font-size: 20px;
    padding: 5px 8px;
  }
  .menu ul li.mlink:hover::after{
    background-size: 22px 20px;
    width: 32px;
    height: 30px;
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {}
@media only screen and (max-width: 767px) {}
@media only screen  and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
	            Buttons
=========================================================*/
.newBanBtn {
  background: var(--new-yellow);
  color: var(--main-text);
  cursor: pointer;
	display: inline-block;
	padding: 35px 45px;
	font-family: barlowsemibold, arial, sans-serif;
  font-size: 28px;
	font-weight: 500;
	line-height: 1.3;
  text-transform: capitalize;
	text-align: center;
	border-radius: 64px;
	letter-spacing: 2px;
  border-bottom: 3px solid rgba(0,0,0,0.6);
}
.guaranteeBtn {
  background: var(--new-fushia);
  color: var(--white);
  cursor: pointer;
	display: inline-block;
	text-align: center;
	padding: 35px 65px;
	font-family: barlowsemibold, arial, sans-serif;
  font-size: 28px;
	font-weight: 500;
	line-height: 1.3;
  text-transform: capitalize;
	border-radius: 64px;
	letter-spacing: 2px;
  border-bottom: 3px solid #ccc;
}
.productSecBuyBtn {
  background: var(--new-yellow);
  color: var(--main-text);
  cursor: pointer;
	display: inline-block;
	text-align: center;
	padding: 22px 35px;
	font-family: barlowsemibold, arial, sans-serif;
  font-size: 28px;
	font-weight: 500;
	line-height: 1.3;
  text-transform: capitalize;
}
.productSecBuyBtn:hover{
  background: var(--new-fushia);
  color: var(--white);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .newBanBtn {
  	padding: 28px 35px;
  	font-size: 22px;
  }
  .guaranteeBtn {
    padding: 28px 35px;
    font-size: 22px;
  }
  .productSecBuyBtn {
  	padding: 15px 25px;
  	font-size: 22px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .newBanBtn {
  	padding: 28px 35px;
  	font-size: 22px;
  }
  .guaranteeBtn {
    padding: 28px 35px;
    font-size: 22px;
  }
  .productSecBuyBtn {
  	padding: 15px 25px;
  	font-size: 22px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .newBanBtn {
  	padding: 22px 32px;
  	font-size: 18px;
  }
  .guaranteeBtn {
    padding: 22px 32px;
  	font-size: 18px;
  }
  .productSecBuyBtn {
  	padding: 15px 25px;
  	font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .newBanBtn {
  	padding: 28px 35px;
  	font-size: 22px;
  }
  .guaranteeBtn {
    padding: 28px 35px;
    font-size: 22px;
  }
  .productSecBuyBtn {
  	padding: 15px 25px;
  	font-size: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .newBanBtn {
  	padding: 24px 30px;
  	font-size: 18px;
  }
  .guaranteeBtn {
  	padding: 24px 30px;
  	font-size: 18px;
  }
  .productSecBuyBtn {
  	padding: 15px 25px;
  	font-size: 22px;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
	CONTENT
=========================================================*/
.pageTop {
  width: 75%;
  margin: 0 auto;
}
.container {
  width: 75%;
  margin: 0 auto;
}

@media only screen and (max-width: 2559px) {
  .pageTop {
    width: 90%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .container {
    width: 80%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .container {
    width: 90%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .container {
    width: 90%;
  }
}
@media only screen and (max-width: 1023px){
  .container {
    width: 90%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {}
@media only screen and (max-width: 767px) {}
@media only screen  and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
        Index Banner New
=========================================================*/
.newBan{
  background-image: url('../images/index/installedbyus-banner.webp');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: .1% 0 10%;
}
.newBanWrap{
  width: 75%;
  margin: 0 auto;
  max-width: 1920px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.newBanWrap p{
  color: var(--new-yellow);
  font-family: "co-headline", sans-serif;
  font-size: 48px;
  font-weight: 400;
  margin-top: 42%;
}
.newBanWrap h1 span{
  display: block;
  font-size: 73px;
  font-weight: 400;
}
.newBanWrap h1{
  color: var(--white);
  font-family: "co-headline", sans-serif;
  font-size: 113px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 60px;
}
.newBanBtnPlace{
  max-width: 935px;
  text-align: center;
  margin-top: 5%;
}
.newBanLeft{
  width: 50%;
}
.newBanRight{
  width: 50%;
  position: relative;
}
.cobraRadio{
  position: absolute;
  left: 0;
  bottom: -25%;
  width: 100%;
  z-index: 4;
  display: none;
}
.truckCar{
  position: absolute;
  right: 5%;
  top: 21%;
  width: 100%;
  z-index: 3;
  display: none;
}

@media only screen and (min-width: 2560px){
  .newBan {
  	height: 1390px;
  }
  .newBanWrap p {
  	margin-top: 44%;
  }
  .cobraRadio {
  	width: 90%;
  }
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .newBan {
  	padding: .1% 0 7%;
  }
  .newBanWrap{
    width: 90%;
  }
  .newBanWrap p {
  	font-size: 44px;
    margin-top: 33%;
  }
  .newBanWrap h1 span {
  	font-size: 60px;
  }
  .newBanWrap h1 {
  	font-size: 92px;
  }
  .truckCar {
  	top: 5%;
  }
  .cobraRadio {
  	width: 82%;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .newBan {
  	padding: .1% 0 4%;
  }
  .newBanWrap {
  	width: 90%;
  }
  .newBanWrap h1 span {
  	font-size: 50px;
  }
  .newBanWrap h1 {
  	font-size: 77px;
  }
  .newBanWrap p {
    font-size: 42px;
  	margin-top: 26%;
  }
  .cobraRadio {
  	left: -70px;
  	bottom: -17%;
  	width: 94%;
  }
  .truckCar {
  	top: 7%;
  }
  .cobraRadio {
  	width: 85%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .newBanWrap {
  	width: 90%;
  }
  .newBanWrap h1 span {
  	font-size: 39px;
  }
  .newBanWrap h1 {
  	font-size: 60px;
  }
  .newBanWrap p {
  	font-size: 36px;
    margin-top: 48%;
  }
  .cobraRadio {
  	left: -48px;
  	bottom: -14%;
  	width: 88%;
  }
}
@media only screen and (max-width: 1023px){

  .newBanWrap {
    width: 90%;
  }
  .newBanLeft{
    width: 100%;
    text-align: center;
  }
  .newBanRight{
    width: 100%;
  }
  .newBanWrap p {
  	color: var(--white);
    margin-top: 3%;
  }
  .newBanWrap h1 {
  	color: var(--main-text);
  }
  .newBanBtnPlace{
    display: none;
  }
  .newBanBtnPlace2{
    margin: 100px 0 100px 0;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .newBan{
    background: url('../images/index/top-banner-tablet.jpg');
    background-repeat: no-repeat;
  }
  .newBanWrap p {
  	font-size: 46px;
  }
  .newBanWrap h1 span {
  	font-size: 52px;
    color: var(--main-text);
    text-shadow: none;
  }
  .newBanWrap h1 {
  	font-size: 80px;
    color: var(--new-yellow);
    text-shadow: 2px 2px 2px #000;
  }
  .newBanRight{
    height: 700px;
  }
  .newBanBtnPlace2{
    display: block;
  }
  .cobraRadio,
  .truckCar{
    display: none;
  }
  .carRadio{
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .newBan {
  	background-image: url('../images/index/top-banner-mob.jpg');
  	padding: 0.1% 0 0%;
  }
  .newBanWrap p {
  	font-size: 21px;
    margin-top: 0%;
  }
  .newBanWrap h1 span {
  	font-size: 24px;
    color: var(--main-text);
    text-shadow: none;
  }
  .newBanWrap h1 {
    color: var(--new-yellow);
  	font-size: 38px;
    margin-top: 10px;
    text-shadow: 2px 2px 2px #000;
  }
  .newBanRight{
    height: 335px;
  }
  .newBanBtnPlace2{
    display: block;
  }
  .newBanBtnPlace2 {
  	margin: 0px 0 100px 0;
  	text-align: center;
  }
  .cobraRadio,
  .truckCar{
    display: none;
  }
  .carRadio{
    display: block;
    width: 105%;
    margin-top: 10px;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .newBanBtnPlace2 {
  	margin: 10px 0 100px 0;
  }
  .carRadio {
  	width: 75%;
  	margin-top: 0;
  }
  .newBanBtnPlace2 {
  	margin: 5px 0 160px 0;
  	text-align: center;
  }
}
@media only screen and (max-width: 479px) {}

/*========================================================
	            Mobile Service Index Section
=========================================================*/
.mobileService{
  padding: 100px 0;
}
.webTitle{
  margin-bottom: 100px;
}
.webTitle h2 {
	font-family: 'co-headline', sans-serif;
	font-size: 50px;
	font-weight: 700;
	text-transform: capitalize;
  text-align: center;
  max-width: 60%;
  margin: 0 auto;
}
.webTitle h2 span {
	color: var(--main-text);
	display: block;
	font-size: 72px;
	line-height: 1.2;
  margin-top: 20px;
}
.webTitle h2 span br{
  display: none;
}
.indivTitle{
  margin: 0 0 80px;
}
.indivTitle h2{
  color: var(--main-text);
  font-family: 'co-headline', sans-serif;
	font-weight: 700;
	text-transform: capitalize;
  text-align: center;
  max-width: 70%;
  margin: 0 auto;
  font-size: 72px;
  line-height: 1.2;
}
.mobileServiceWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 85%;
  margin: 0 auto;
}
.mobileServiceSingle{
  width: 31%;
  border: 2px solid #000;
  text-align: center;
  padding: 60px 40px;
  margin-bottom: 60px;
}
.mobileServiceSingle:hover{
  box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.5);
}
.mobileServiceSingle p span{
  display: block;
  font-family: barlowbold, arial, sans-serif;
  font-size: 38px;
  margin-bottom: 20px;
}
.mobileServiceSingle p{
  font-family: barlowmedium, arial, sans-serif;
  font-size: 21px;
  margin-top: 20px;
}
.mobileServiceBtnPlace{
  text-align: center;
  margin-top: 60px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .webTitle h2 span {
  	font-size: 54px;
  }
  .webTitle h2 {
  	font-size: 40px;
  }
  .mobileServiceWrap {
  	width: 100%;
  }
  .mobileServiceSingle p span {
  	font-size: 32px;
  }
  .mobileServiceSingle p {
  	font-size: 22px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .webTitle h2 span {
  	font-size: 54px;
  }
  .webTitle h2 {
  	font-size: 38px;
  }
  .mobileServiceWrap {
  	width: 100%;
  }
  .mobileServiceSingle p span {
  	font-size: 30px;
  }
  .mobileServiceSingle p {
  	font-size: 21px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .webTitle {
  	margin-bottom: 80px;
  }
  .webTitle h2 span {
  	font-size: 38px;
  }
  .webTitle h2 {
  	font-size: 30px;
  }
  .mobileServiceWrap {
  	width: 100%;
  }
  .mobileServiceSingle {
  	padding: 60px 28px;
  	margin-bottom: 35px;
  }
  .mobileServiceSingle p span {
  	font-size: 22px;
  }
  .mobileServiceSingle p {
  	font-size: 18px;
  }
  .mobileServiceSingle img{
    width: 60%;
  }
}
@media only screen and (max-width: 1023px){
  .mobServDesktop{
    display: none;
  }
  .mobileServiceSingle{
    width: 100%;
    margin-bottom: 0;
  }
  .mobServMobile{
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .mobileService {
  	padding: 160px 0 90px;
  }
  .mobileServiceWrap {
    width: 60%;
  }
  .mobServMobile{
    width: 60%;
    margin: 0 auto 60px;
  }
  .webTitle h2 {
  	font-size: 30px;
  }
  .webTitle h2 span {
  	font-size: 44px;
  }
  .mobileServiceSingle img{
    width: 65%!important;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .mobileService {
  	padding: 100px 0 90px;
    margin-top: 60px;
  }
  .webTitle {
  	margin-bottom: 60px;
  }
  .webTitle h2 {
  	font-size: 24px;
    max-width: 90%;
  }
  .webTitle h2 span {
  	font-size: 34px;
    margin-top: 10px;
  }
  .webTitle h2 span br{
    display: block;
  }
  .mobileServiceWrap{
    max-width: 336px;
    margin: 0 auto;
  }
  .mobileServiceSingle img{
    width: 60%!important;
    margin: 0 auto;
  }
  .mobileServiceSingle p {
  	font-size: 21px;
    min-height: 149px;
  }
  .mobileServiceSingle p span {
  	font-size: 24px;
  }
  .owl-stage-outer .owl-height{
    height: auto;
  }
  .owl-theme .owl-nav.disabled + .owl-dots{
    margin-top: 40px!important;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .mobileService {
  	margin-top: 150px;
  }
  .mobileService {
    padding: 100px 0 90px;
    margin-top: 160px;
  }
}
@media only screen and (max-width: 479px) {}

/*========================================================
        2nd Vehicle Off Index Section
=========================================================*/
.offSecWrap{
  background: var(--new-yellow);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 6px solid #fff;
  position: relative;
}
.offSecLeft,
.offSecRight{
  width: 50%
}
.routeLine{
  position: absolute;
  left: -250px;
  top: 100px;
  width: 55%;
}
.chevroletCar{
  display: block;
  width: 100%;
}
.offSecRight{
  position: relative;
}
.offSecLeft{
  padding: 100px 0 0 100px;
}
.offSecPBig{
  font-family: barlowbold, arial, sans-serif;
  font-size: 230px;
  line-height: 1;
  margin-bottom: 30px;
}
.offSecPUpper{
  font-family: barlowlight, arial, sans-serif;
  font-size: 105px;
  line-height: 1;
  text-transform: uppercase;
}
.offSecPCapit{
  font-family: barlowlight, arial, sans-serif;
  font-size: 105px;
  line-height: 1;
  text-transform: capitalize;
}
.offSecPCapit span{
  font-family: barlowbold, arial, sans-serif;
  font-size: 115px;
}
.offSecAst{
  font-size: 88px;
  line-height: 1;
}
.offSecP{
  display: flex;
  justify-content: flex-start;
  margin-top: 60px;
  font-family: barlowregular, arial, sans-serif;
}
.offSecP p{
  font-size: 30px;
  padding-left: 20px;
  max-width: 70%;
}
.offSecBtnPlace{
  position: absolute;
  left: 120px;
  right: 0;
  bottom: 65px;
  margin: 0 auto;
  text-align: center;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .offSecPBig {
  	font-size: 172px;
  }
  .offSecPUpper {
  	font-size: 76px;
  }
  .offSecPCapit {
  	font-size: 80px;
  }
  .offSecPCapit span {
  	font-size: 82px;
  }
  .offSecAst {
  	font-size: 60px;
  }
  .offSecP p {
  	font-size: 22px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .offSecPBig {
  	font-size: 118px;
  }
  .offSecPUpper {
  	font-size: 54px;
  }
  .offSecPCapit {
  	font-size: 54px;
  }
  .offSecPCapit span {
  	font-size: 62px;
  }
  .offSecAst {
  	font-size: 60px;
  }
  .offSecP p {
  	font-size: 21px;
  }
  .routeLine {
  	width: 52%;
  }
  .offSecBtnPlace {
  	left: 50px;
  	bottom: 47px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .offSecLeft {
  	padding: 20px 0 0 50px;
  }
  .offSecPBig {
  	font-size: 96px;
  }
  .offSecPUpper {
  	font-size: 44px;
  }
  .offSecPCapit {
  	font-size: 40px;
  }
  .offSecPCapit span {
  	font-size: 52px;
  }
  .offSecAst {
  	font-size: 60px;
  }
  .offSecP {
  	margin-top: 35px;
  }
  .offSecP p {
  	font-size: 18px;
    padding-left: 10px;
  }
  .routeLine {
  	left: -97px;
  	top: 56px;
  	width: 52%;
  }
  .offSecBtnPlace {
  	left: 50px;
  	bottom: 20px;
  }
}
@media only screen and (max-width: 1023px){
  .offSecRight{
    display: none;
  }
  .chevroATV{
    display: block;
    width: 100%;
  }
  .offSecLeft {
  	padding: 50px 0 80px;
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .offSecPBig {
  	font-size: 192px;
  	margin-bottom: 30px;
  }
  .offSecPUpper {
  	font-size: 79px;
  }
  .offSecPCapit {
  	font-size: 79px;
  }
  .offSecPCapit span {
  	font-size: 75px;
  }
  .offSecAst {
  	font-size: 70px;
  }
  .offSecP p {
    font-size: 21px;
  	max-width: 100%;
  }
  .offSecBtnPlace {
  	position: static;
  	margin: 0 auto;
  	text-align: center;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .offSecLeft {
  	padding: 10px 0 60px;
  }
  .offSecPBig {
  	font-size: 90px;
  	margin-bottom: 30px;
  }
  .offSecPUpper {
  	font-size: 37px;
  }
  .offSecPCapit {
  	font-size: 37px;
  }
  .offSecPCapit span {
  	font-size: 35px;
  }
  .offSecAst {
  	font-size: 70px;
  }
  .offSecP p {
    font-size: 21px;
  	max-width: 100%;
  }
  .offSecBtnPlace {
  	position: static;
  	margin: 0 auto;
  	text-align: center;
    padding-bottom: 60px;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .offSecPBig {
  	font-size: 115px;
  }
  .offSecPUpper {
  	font-size: 47px;
  }
  .offSecPCapit {
  	font-size: 47px;
  }
  .offSecPCapit span {
  	font-size: 45px;
  }
}
@media only screen and (max-width: 479px) {}

/*========================================================
        Brands Index Section
=========================================================*/
.brandsSec{
  padding: 150px 0 100px;
}
.brandsSecWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.brandSingle{
  background: #f1f0ee;
  padding: 30px 40px;
}
.brandSingle:hover{
  background: var(--new-yellow);
}
.brandSingle img{
  width: 280px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .brandSingle {
  	padding: 25px 5px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .brandsSec {
  	padding: 130px 0 100px;
  }
  .brandSingle {
  	padding: 18px 5px;
  }
  .brandSingle img {
  	width: 250px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .brandsSec {
  	padding: 90px 0 80px;
  }
  .brandSingle {
  	padding: 18px 5px;
  }
  .brandSingle img {
  	width: 165px;
  }
}
@media only screen and (max-width: 1023px){
  .brandsSecWrapDesktop{
    display: none!important;
  }
  .brandsSecWrapMobile{
    display: block;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .brandsSec {
  	padding: 90px 0;
  }
  .brandsSecWrapMobile{
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .brandsSec {
  	padding: 90px 0;
  }
  .brandsSecWrapMobile{
    width: 90%;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
        Products Index Section
=========================================================*/
.productSec{
  padding: 0 0 80px;
}
.productSecWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.productSecSingle{
  width: 24%;
  border: 2px solid #000;
  position: relative;
  padding: 100px 40px 50px 40px;
}
.productSecSingleEmpty{
  width: 24%;
}
.productSecSingle:hover{
  box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.5);
}
.productSecSingle img{
  width: 100%;
}
.productSecLabelPl{
  position: absolute;
  left: 1px;
  top: 1px;
  width: 100px;
}
.productSecLabelBlack{
  background: var(--main-text);
  color: var(--white);
  font-size: 24px;
  width: 100%;
  text-align: center;
  padding: 6px 0;
  text-transform: capitalize;
}
.yellowLabel{
  margin-top: 2px;
  background: var(--new-yellow);
}
.productSecSingleBtnPlace{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.productSecSingleText{
  text-align: center;
  margin: 50px 0;
}
.productSecSingleText p{
  min-height: 93px;
}
.productSecPrice{
  font-family: barlowbold, arial, sans-serif;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
.oldPrice{
  color: #555;
  font-size: 24px;
  text-decoration: line-through;
}
.regPrice{
  font-size: 38px;
}
.yellowPr{
  color: var(--main-text);
}
.productSecLinkPlace{
  margin-top: 80px;
  text-align: center;
}
.productSecLinkPlace a{
  font-family: barlowbold, arial, sans-serif;
  font-size: 34px;
  text-transform: capitalize;
  text-decoration: underline;
}
.productSecLinkPlace a:hover{
  text-decoration: none;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .productSecSingleText p{
    font-size: 19px;
    min-height: 69px;
  }
  .regPrice {
  	font-size: 30px;
  }
  .oldPrice {
  	font-size: 20px;
  }
  .productSecLabelBlack {
  	font-size: 22px;
  }
  .productSecLinkPlace a {
  	font-size: 28px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .productSec{
    padding: 0 0 60px;
  }
  .productSecSingleText p{
    font-size: 19px;
    min-height: 93px;
  }
  .regPrice {
  	font-size: 28px;
  }
  .oldPrice {
  	font-size: 18px;
  }
  .productSecLabelBlack {
  	font-size: 22px;
  }
  .productSecLinkPlace a {
  	font-size: 28px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .productSec {
  	padding: 0 0 60px;
  }
  .productSecWrap {
  	width: 78%;
    margin: 0 auto;
  }
  .productSecSingle {
  	width: 45%;
    margin-bottom: 50px;
  }
  .productSecSingleText p{
    font-size: 19px;
    min-height: 92px;
  }
  .regPrice {
  	font-size: 28px;
  }
  .oldPrice {
  	font-size: 18px;
  }
  .productSecLabelBlack {
  	font-size: 20px;
  }
  .productSecLinkPlace a {
  	font-size: 24px;
  }
  .productSecLinkPlace {
  	margin-top: 20px;
  }
}
@media only screen and (max-width: 1023px){
  .productSecWrapDesktop{
    display: none;
  }
  .productSecWrapMobile{
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .productSecLinkPlace a {
  	font-size: 24px;
  }
  .productSecSingle{
    width: 100%;
  }
  .productSecWrapMobile{
    width: 60%;
    margin: 0 auto;
  }
  .productSecSingleText p{
    font-size: 21px;
    min-height: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .productSec {
  	padding: 0 0 60px;
  }
  .productSecWrap{
    width: 100%;
    max-width: 336px;
    margin: 0 auto;
  }
  .productSecSingle {
  	width: 100%;
  	border: 2px solid #000;
  	position: relative;
  	padding: 100px 40px 50px 40px;
  }
  .productSecLabelBlack {
  	font-size: 21px;
  }
  .productSecSingleText p{
    font-size: 21px;
    min-height: 100px;
  }
  .regPrice {
  	font-size: 28px;
  }
  .productSecLinkPlace a {
  	font-family: barlowbold, arial, sans-serif;
  	font-size: 21px;
  	text-transform: capitalize;
  	text-decoration: underline;
  }
  .productSecLinkPlace {
  	margin-top: 40px;
  }

}
@media only screen  and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
        Gray graySec Index Section
=========================================================*/
.graySec{
  background: #f1f0ee;
  padding: 120px 0;
}
.graySecWrap{
  max-width: 80%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.graySecSingle{
  text-align: center;
}
.graySecSingle p{
  font-family: barlowlight, arial, sans-serif;
  font-size: 42px;
  text-transform: capitalize;
  margin-top: 10px;
}
.graySecSingle p span{
  display: block;
  font-family: barlowbold, arial, sans-serif;
  font-size: 80px;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 2px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .graySecSingle p {
  	font-size: 34px;
  }
  .graySecSingle p span {
  	font-size: 65px;
  }
  .graySecSingle img{
    width: 64px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .graySec {
  	padding: 100px 0;
  }
  .graySecSingle p {
  	font-size: 32px;
  }
  .graySecSingle p span {
  	font-size: 64px;
  }
  .graySecSingle img{
    width: 64px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .graySec {
  	padding: 80px 0;
  }
  .graySecSingle p {
  	font-size: 24px;
  }
  .graySecSingle p span {
  	font-size: 54px;
  }
  .graySecSingle img{
    width: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .graySec {
  	padding: 90px 0;
  }
  .graySecWrap {
  	max-width: 60%;
  	justify-content: center;
  }
  .graySecSingle {
  	margin-bottom: 60px;
  }
  .graySecSingle:nth-child(3){
    margin-bottom: 0;
  }
  .graySecSingle p span {
  	font-size: 70px;
  }
  .graySecSingle p {
  	font-size: 36px;
  }
  .graySecSingle img{
    width: 68px;
  }

}
@media only screen and (max-width: 767px) {
  .graySec {
  	padding: 80px 0;
  }
  .graySecWrap {
  	max-width: 60%;
  	justify-content: center;
  }
  .graySecSingle {
  	margin-bottom: 60px;
  }
  .graySecSingle:nth-child(3){
    margin-bottom: 0;
  }
  .graySecSingle p span {
  	font-size: 54px;
  }
  .graySecSingle p {
  	font-size: 24px;
  }
  .graySecSingle img{
    width: 54px;
  }
}

/*========================================================
	            Footer
=========================================================*/
.navFooter ul li.mlogo,
.navFooter ul li.mphone,
.navFooter ul li.mhours,
.navFooter ul li.maddress,
.navFooter ul li.mmlink,
.navFooter ul li.mLine {
  display: none;
}
footer {
  background-color: #000;
}
.footerbg {
  width: 1920px;
  margin: 0 auto;
  padding: 100px 0;
  display: flex;
  flex-direction: row;
}
.fooLeft {
  width: 58%;
  justify-content: flex-start;
}
.fooRight {
  width: 42%;
  display: flex;
  flex-direction: column;
}
.imgLogoFoo {
  width: 460px;
}
.fooLeft * {
  margin-bottom: 40px;
}
.fooLeft p {
  color: #fff;
  font-family: barlowregular, arial, sans-serif;
  font-size: 25px;
  text-transform: uppercase;
}
.footerList {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}
.footerItem {
  display: flex;
  align-items: center;
  font-family: barlowsemibold, arial, sans-serif;
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
}
.footerItem:not(:last-child) {
  margin-right: 40px;
}
.footerItem a {
  display: flex;
  align-items: center;
  font-family: barlowsemibold, arial, sans-serif;
  font-size: 30px;
}
.navFooter ul {
  text-align: right;
}
.navFooter ul li.mlink {
  color: #fff;
  font-family: barlowregular, arial, sans-serif;
  font-size: 30px;
  margin-left: 10px;
  padding: 5px 12px;
  border: 1px solid transparent;
  display: inline-block;
  text-transform: uppercase;
}
.navFooter ul li.mlink a {
  display: block;
  font-size: 25px;
}
.navFooter ul li.mlink:hover {
  border: 1px solid #f7cc18;
  color: #f7cc18;
}
.imgIconFoo {
  width: 70px;
  margin-right: 20px;
}
.copy {
  text-align: center;
}
.copy img {
  width: 42%;
}
.copy p {
  padding: 30px 0 35px;
  font-family: barlowregular, arial, sans-serif;
  font-size: 24px;
  color: #fff;
}
.copy p a {
  text-transform: capitalize;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .copy p {
    font-size: 18px;
  }
  .footerbg {
    width: 90%;
  }
  .fooRight {
    width: 50%;
  }
  .fooLeft {
    width: 50%;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .copy p {
    font-size: 16px;
  }
  .footerbg {
    width: 90%;
  }
  .fooRight {
    width: 55%;
  }
  .fooLeft {
    width: 45%;
  }
  .footerList {
    margin-bottom: 40px;
    justify-content: flex-end;
  }
  .footerItem a,
  .footerItem {
    font-size: 23px;
  }
  .footer {
    padding-top: 75px;
    margin-bottom: 75px;
  }
  .imgLogoFoo {
    width: 300px;
  }
  .footerItem:not(:last-child) {
    margin-right: 30px;
  }
  .imgIconFoo {
    width: 45px;
  }
  .navFooter ul a,
  .navFooter ul li.mlink a {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .footerbg {
    width: 90%;
  }
  .fooRight {
    width: 60%;
    align-items: flex-end;
  }
  .fooLeft {
    width: 40%;
  }
  .footerList {
    margin-bottom: 50px;
    justify-content: flex-end;
  }
  .fooLeft p {
    font-size: 18px;
  }
  .imgLogoFoo {
    width: 300px;
  }
  .footerList {
    margin-bottom: 45px;
  }
  .navFooter ul li.mlink {
    margin-left: 5px;
  }
  .footerItem,
  .footerItem a {
    font-size: 19px;
  }
  .footerItem:last-child {
    margin-bottom: 0;
  }
  .imgIconFoo {
    width: 35px;
  }
  .navFooter ul a {
    font-size: 16px;
  }
  .copy p {
    font-size: 14px;
  }
  .navFooter ul li.mlink a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .footerbg {
    width: 90%;
    flex-direction: column;
  }
  .fooRight,
  .fooLeft {
    width: 100%;
  }
  .fooLeft {
    justify-content: center;
    text-align: center;
  }
  .footerList {
    margin: 25px auto 35px;
    width: 500px;
  }
  .navFooter ul {
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .copy p {
    font-size: 16px;
  }
  .footerItem,
  .footerItem a {
    font-size: 21px;
  }
  .navFooter ul li.mlink a {
    font-size: 18px;
  }
  .imgIconFoo {
    width: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .footerbg {
    width: 90%;
    flex-direction: column;
    padding: 50px 0 20px;
  }
  .imgLogoFoo {
    width: 300px;
  }
  .fooRight,
  .fooLeft {
    width: 100%;
  }
  .fooLeft {
    justify-content: center;
    text-align: center;
  }
  .footerList {
    margin: 25px auto 35px;
    flex-direction: column;
    width: 440px;
    margin: 0 auto;
  }
  .footerItem {
    margin-bottom: 20px;
    min-width: 207.2px;
  }
  .footerItem:not(:last-child) {
    margin-right: 0;
  }
  .imgIconFoo {
    width: 30px;
  }
  .navFooter ul {
    width: 100%;
    margin: 25px auto 0;
    flex-direction: column;
    text-align: center;
  }
  .navFooter ul li.mlink {
    display: block;
  }
  .navFooter ul li.mlink a {
    font-size: 18px;
    padding: 4px 0;
  }
  .copy p {
    font-size: 14px;
  }
  .footerItem,
  .footerItem a {
    font-size: 21px;
  }
}

@media only screen and (max-width: 479px) {
  .imgLogoFoo {
    width: 90%;
  }
  .copy p span {
    display: block;
  }
  .footerList {
    width: 90%;
  }
}

/*========================================================
        Cameras page (products)
=========================================================*/
.camBan{
  background-image: url('../images/cameras/sky.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: .1% 0 0;
}
.camBanTopTitle{
  width: 75%;
  max-width: 1920px;
  margin: 0 auto;
}
.camBan h1{
  font-family: 'co-headline', sans-serif;
  font-size: 110px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  padding: 80px 0;
}

.titlePart{
  padding: 100px 0 0;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .camBan h1 {
  	font-size: 94px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .camBan h1 {
  	font-size: 72px;
  }

}
@media only screen and (min-width: 1024px){
  .productSecCamera .productSecSingle{
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .camBan h1 {
  	font-size: 62px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .camBan h1 {
  	font-size: 52px;
    padding: 80px 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .camBan h1 {
  	font-size: 42px;
    padding: 80px 0 0;
  }
}


/*========================================================
        Services Page
=========================================================*/
.serBan{
  background-image: url('../images/services/services-banner.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: .1% 0 10%;
}
.serBanWrap{
  width: 75%;
  margin: 0 auto;
  max-width: 1920px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.serBanWrap p{
  color: var(--new-yellow);
  font-family: "co-headline", sans-serif;
  font-size: 48px;
  font-weight: 400;
  margin-top: 22%;
}
.serBanWrap h1{
  color: var(--white);
  font-family: "co-headline", sans-serif;
  font-size: 126px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 30px;
}
.serBanBtnPlace{
  padding-left: 120px;
  margin-top: 5%;
}
.serBanLeft{
  width: 50%;
}
.serBanRight{
  width: 50%;
  position: relative;
}
.serChevSpeak{
  position: absolute;
  left: -200px;
  bottom: -250px;
  width: 130%;
}

.audSec{
  padding: 120px 0 0;
}
.audSecWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.audSecLeft,
.audSecRight{
  width: 46%;
}
.audSingle{
  margin-bottom: 60px;
}
.audTopTitle{
  background-image: url('../images/services/yellow-square.jpg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 40px 40px;
  padding-left: 60px;
  font-family: barlowbold, sans-serif;
  font-size: 42px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.audInside{
  padding-left: 60px;
}
.audDescr p{
  font-family: barlowregular, sans-serif;
  font-size: 26px;
  line-height: 1.3;
  margin-bottom: 25px;
}
.menuSecItemMain {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 15px;
}
.menuSecItemTitle,
.menuSecItemPrice {
  font-family: barlowbold, sans-serif;
	font-size: 30px;
	line-height: 1.2;
}
.menuSecItemPrice{
  font-size: 36px;
}
.menuSecItemDashes {
	height: 3px;
	border-bottom: 3px dotted #000;
	margin: 0 0 5px;
	flex-grow: 1;
}
.menuSecItemPrice {
	color: var(--new-fushia);
	padding-left: 10px;
}

.audSecBtnPlace{
  margin-top: 80px;
  text-align: center;
}

.weWork{
  padding: 150px 0 0;
}
.serPageProducts .productSec{
  padding: 20px 0 80px;
}
.serPageGuarantee .guarantee{
  padding: 90px 0 120px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .serBanWrap{
    width: 90%;
  }
  .serBanWrap h1 {
  	font-size: 92px;
  }
  .serBanWrap p {
  	font-size: 44px;
  	margin-top: 22%;
  }
  .serChevSpeak {
  	bottom: -155px;
  	width: 120%;
  }
  .audTopTitle {
  	background-size: 36px 36px;
  	font-size: 38px;
  }
  .audDescr p {
  	font-size: 22px;
  }
  .menuSecItemTitle,
  .menuSecItemPrice {
  	font-size: 26px;
  }
  .menuSecItemPrice {
  	font-size: 32px;
  }
  .serPageProducts .productSec{
    padding: 0 0 80px;
  }
  .serPageGuarantee .guarantee{
    padding: 90px 0 100px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .serBanWrap{
    width: 90%;
  }
  .serBanWrap h1 {
  	font-size: 89px;
  }
  .serBanWrap p {
  	font-size: 44px;
  	margin-top: 22%;
  }
  .serChevSpeak {
  	left: -100px;
  	bottom: -120px;
  	width: 115%;
  }
  .audTopTitle {
  	background-size: 34px 34px;
  	font-size: 34px;
  }
  .audDescr p {
  	font-size: 21px;
  }
  .menuSecItemTitle,
  .menuSecItemPrice {
  	font-size: 24px;
  }
  .menuSecItemPrice {
  	font-size: 28px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .serBanWrap{
    width: 90%;
  }
  .serBanWrap h1 {
    font-size: 60px;
  }
  .serBanWrap p {
    font-size: 36px;
    margin-top: 22%;
  }
  .serChevSpeak {
  	left: -12px;
  	bottom: -36px;
  	width: 116%;
  }
  .audTopTitle {
  	background-size: 30px 30px;
  	font-size: 30px;
    padding-left: 45px;
  }
  .audInside {
  	padding-left: 45px;
  }
  .audDescr p {
  	font-size: 18px;
  }
  .menuSecItemTitle,
  .menuSecItemPrice {
  	font-size: 19px;
  }
  .menuSecItemPrice {
  	font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .serBanWrap{
    width: 90%;
    text-align: center;
  }
  .serBanLeft,
  .serBanRight{
    width: 100%;
  }
  .serBanWrap h1 {
  	font-size: 80px;
  }
  .serBanWrap p {
  	font-size: 44px;
  	margin-top: 7%;
  }
  .serBanBtnPlace{
    display: none;
  }
  .serChevSpeak{
    position: static;
    width: 90%;
    margin: 60px 0;
  }
  .serBanBtnPlace2{
    display: block;
  }
  .audSecLeft,
  .audSecRight{
    width: 100%;
  }
  .menuSecItemTitle,
  .menuSecItemPrice {
  	font-size: 28px;
  }
  .audTopTitle {
  	background-size: 34px 34px;
  	font-size: 34px;
  }
  .audDescr p {
  	font-size: 18px;
  }
  .menuSecItemTitle,
  .menuSecItemPrice {
  	font-size: 19px;
  }
  .menuSecItemPrice {
  	font-size: 22px;
  }
  .audSecBtnPlace {
  	margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .serBanWrap{
    width: 90%;
    text-align: center;
  }
  .serBanLeft,
  .serBanRight{
    width: 100%;
  }
  .serBanWrap h1 {
  	font-size: 38px;
  }
  .serBanWrap p {
  	font-size: 21px;
  	margin-top: 7%;
  }
  .serBanBtnPlace{
    display: none;
  }
  .serChevSpeak{
    position: static;
    width: 100%;
    margin: 60px 0 40px;
  }
  .serBanBtnPlace2{
    display: block;
  }
  .audSecLeft,
  .audSecRight{
    width: 100%;
  }
  .audTopTitle {
  	background-size: 28px 28px;
  	font-size: 28px;
    padding-left: 40px;
  }
  .audSecBtnPlace {
  	margin-top: 40px;
  }
  .audInside {
  	padding-left: 0;
  }
  .audDescr p {
  	font-size: 18px;
  }
  .menuSecItemTitle,
  .menuSecItemPrice {
  	font-size: 19px;
  }
  .menuSecItemPrice {
  	font-size: 19px;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}


/*========================================================
        Contact page
=========================================================*/
.contBan{
  background-image: url('../images/cameras/sky.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: .1% 0 100px;
}
.contTopTitle{
  width: 75%;
  max-width: 1920px;
  margin: 0 auto;
}
.contBan h1{
  font-family: 'co-headline', sans-serif;
  font-size: 72px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  padding: 80px 0 40px;
}
.contLine{
  width: 15%;
  height: 8px;
  background: var(--new-yellow);
  margin: 0 auto;
}

.contInfos{
  width: 55%;
  margin: 80px auto 0;
  display: flex;
  justify-content: space-between;
}
.contLeft{
  width: 42%;
}
.contRight{
  width: 42%;
}

.contPhone {
	background-image: url('../images/index/icon-phone.png');
}
.contHours {
	background-image: url('../images/index/icon-clock-min.png');
}
.contInfo {
	background-repeat: no-repeat;
	background-size: 70px 70px;
	background-position: left center;
	font-family: barlowsemibold, arial, sans-serif;
	font-size: 35px;
	text-transform: uppercase;
	padding-left: 88px;
	min-height: 70px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
  margin-bottom: 30px;
}
.contEmail {
	background-image: url('../images/index/email.png');
  text-transform: lowercase;
}
.contRight p{
  color: var(--new-yellow);
  font-family: "co-headline", sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
}
.contSocials{
  margin-top: 30px;
}
.contSocials img{
  width: 70px;
  margin: 0 10px;
}
.contFormWrap{
  width: 60%;
  margin: 60px auto 0;
}
.contFormWrap h2{
  color: var(--main-text);
  font-family: "co-headline", sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.contForm{
  padding-top: 40px;
}
.contPar {
    text-align: center;
    font-size: 28px;
    font-weight: 400;
}
form.stoneForm{
  width: 100%;
  margin: 0 auto 20px auto;
  overflow: hidden;
}
.formHalfWrapper{
  display: flex;
  justify-content: space-between;
}
.stoneFormHalf{
  width: 32%;
  overflow: hidden;
  padding: 20px 0;
}
.stoneFormFirst input[type="text"] {
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    padding: 1px;
    display: block;
    width: 100%;
    height: 5px;
    font-size: 14px;
    outline: none;
}
.stoneFormHalf input[type="text"]{
  margin: 10px auto;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #777;
  padding: 8px 8px 8px 20px;
  display: block;
  width: 100%;
  height: 90px;
  font-size: 24px;
  text-transform: capitalize;
  outline: none;
}
.stoneFormFull{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.stoneFormFull textarea{
  margin: 10px auto;
  border: none;
  padding: 8px;
  display: block;
  width: 100%;
  height: 160px;
  font-size: 24px;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
  color: #777;
}
.stoneFormFull input[type="submit"]{
  background: var(--new-fushia);
  color: #fff;
  display: block;
  cursor: pointer;
  font-family: barlowsemibold, arial, sans-serif;
  font-weight: 500;
  line-height: 1.3;
  font-size: 28px;
  padding: 35px 65px;
  text-decoration: none;
  text-transform: capitalize;
  border-radius: 64px;
  letter-spacing: 2px;
  margin: 40px auto 0;
  outline: none;
  border-bottom: 3px solid #ccc;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .contBan {
  	padding: .1% 0 80px;
  }
  .contBan h1 {
  	font-size: 54px;
  }
  .contRight p {
  	font-size: 56px;
  }
  .contInfo {
  	background-size: 55px 55px;
  	font-size: 32px;
  	padding-left: 68px;
  }
  .contSocials img {
  	width: 55px;
  }
  .contFormWrap h2 {
  	font-size: 54px;
  }
  .stoneFormHalf input[type="text"] {
  	padding: 6px 6px 6px 20px;
  	height: 80px;
  	font-size: 22px;
  }
  .stoneFormFull input[type="submit"] {
  	padding: 28px 35px;
  	font-size: 22px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .contBan {
  	padding: .1% 0 80px;
  }
  .contBan h1 {
  	font-size: 54px;
  }
  .stoneForm input[type="text"] {
    font-size: 19px;
  }
  .contInfo {
  	background-size: 55px 55px;
  	font-size: 31px;
  	padding-left: 68px;
  }
  .contRight p {
  	font-size: 54px;
  }
  .contSocials img {
    width: 55px;
  }
  .contFormWrap h2 {
  	font-size: 54px;
  }
  .stoneFormHalf input[type="text"] {
  	padding: 6px 6px 6px 20px;
  	height: 80px;
  	font-size: 22px;
  }
  .stoneFormFull input[type="submit"] {
  	padding: 28px 35px;
  	font-size: 22px;
  }
}
@media only screen and (min-width: 1024px){

}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .contBan {
  	padding: .1% 0 80px;
  }
  .contBan h1 {
  	font-size: 38px;
  }
  .contInfos {
  	width: 65%;
  }
  .contInfo {
  	background-size: 38px 38px;
  	font-size: 21px;
  	padding-left: 48px;
    min-height: 40px;
  }
  .contRight p {
  	font-size: 44px;
  }
  .contSocials img {
    width: 40px;
  }
  .contFormWrap {
  	width: 75%;
  }
  .contFormWrap h2 {
  	font-size: 38px;
  }
  .stoneForm input[type="text"] {
    font-size: 19px;
  }
  .stoneFormHalf input[type="text"] {
  	padding: 6px 6px 6px 20px;
  	height: 50px;
  	font-size: 18px;
  }
  .stoneFormFull input[type="submit"] {
  	padding: 22px 32px;
  	font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .contBan {
  	padding: .1% 0 80px;
  }
  .contBan h1 {
  	font-size: 44px;
    padding: 80px 0 40px;
  }
  .contInfos {
  	width: 75%;
  }
  .contInfo {
  	background-size: 38px 38px;
  	font-size: 21px;
  	padding-left: 48px;
    min-height: 40px;
  }
  .contRight p {
  	font-size: 44px;
  }
  .contSocials img {
    width: 40px;
  }
  .contFormWrap {
  	width: 80%;
  }
  .contFormWrap h2 {
  	font-size: 44px;
  }
  .stoneForm input[type="text"] {
    font-size: 16px;
  }
  .formHalfWrapper {
    display: block;
  }
  .stoneFormHalf {
    width: 100%;
    display: block;
    padding: 5px 0;
  }
  .stoneFormHalf input[type="text"] {
    height: 50px;
  }
  .stoneFormFull input[type="submit"] {
      width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .contBan {
  	padding: .1% 0 60px;
  }
  .contBan h1 {
  	font-size: 34px;
    padding: 80px 0 0;
  }
  .contLine {
  	width: 30%;
  	margin: 20px auto 0;
  }
  .formHalfWrapper{
		display: block;
	}
	.stoneFormHalf input[type="text"] {
		height: 50px;
	}
	.stoneFormHalf input[type="text"] {
	  font-size: 16px;
	}
	.stoneFormHalf {
		width: 100%;
		display: block;
		padding: 5px 0;
	}

  .contInfos {
  	width: 85%;
    flex-wrap: wrap;
  }
  .contInfo {
  	background-size: 38px 38px;
  	font-size: 21px;
  	padding-left: 48px;
    min-height: 40px;
  }
  .contLeft,
  .contRight{
    width: 100%;
  }
  .contRight p {
  	font-size: 42px;
  }
  .contSocials img {
  	width: 42px;
  }
  .contRight{
    margin-top: 40px;
  }
  .contFormWrap h2 {
  	font-size: 34px;
  }
  .contFormWrap {
  	width: 85%;
    margin: 100px auto 0;
  }
  .stoneFormFull input[type="submit"] {
    padding: 24px 30px;
    font-size: 18px;
  }
}


/*========================================================
    Individual Products page
=========================================================*/
.indivPro{
  padding: 40px 0 80px;
}
.indivWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 85%;
  margin: 0 auto;
}
.indivWrapRev{
  flex-direction: row-reverse;
}
.addMargWrap{
  padding: 100px 0 0;
}
.indivDescWrap{
  margin: 50px 0 0;
}

.indivLeft{
  width: 46%;
}
.indivRight{
  width: 48%;
}
.indivImg{
  border: 1px solid var(--main-text);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 85px 0;
}
.indivRobertPage .indivImg{
  border: none;
}
.indivImg img{
  width: 90%;
}
.topPadd{
  padding-top: 40px;
}
.indivRight h2,
.indivDescWrap h2{
  font-family: "co-headline", sans-serif;
  text-transform: capitalize;
  font-size: 44px;
  line-height: 1;
  margin-bottom: 20px;
}
.indivSpec{
  padding-left: 50px;
}
.addTopMarg{
  margin: 40px 0 0;
}
.indivRight ul li {
	font-size: 26px;
	background: url('../images/cameras/yellow-dash.png') no-repeat;
	background-position: left center;
	background-size: 18px 8px;
	padding: 8px 0 8px 35px;
  font-family: barlowregular, sans-serif;
	text-transform: capitalize;
}
.indivSpecBtnPlace{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 50px 0;
  max-width: 600px;
}
.indivPrice{
  color: var(--new-fushia);
  font-family: barlowbold, sans-serif;
  font-size: 54px;
}
.indivDesc{
  font-family: barlowregular, sans-serif;
  font-size: 26px;
  line-height: 1.3;
}
.indivProBtnLink{
  margin-top: 100px;
  text-align: center;
}
.indivProBtnLink a{
  font-family: barlowbold, arial, sans-serif;
  font-size: 34px;
  text-transform: capitalize;
  text-decoration: underline;
}
.indivProBtnLink a:hover{
  text-decoration: none;
  color: var(--new-fushia);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .indivDescWrap{
    margin: 30px 0 0;
  }
  .indivSpecBtnPlace {
  	max-width: 470px;
  }
  .indivPro {
  	padding: 0px 0 80px;
  }
  .indivRight h2,
  .indivDescWrap h2 {
  	font-size: 40px;
  }
  .indivPrice {
  	font-size: 40px;
  }
  .indivRight ul li {
  	font-size: 22px;
  }
  .indivDesc {
  	font-size: 22px;
  }
  .indivProBtnLink a {
  	font-size: 28px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .indivDescWrap{
    margin: 30px 0 0;
  }
  .indivImg {
  	padding: 75px 0;
  }
  .indivSpecBtnPlace {
  	max-width: 400px;
  }
  .topPadd {
  	padding-top: 60px;
  }
  .indivPro {
  	padding: 50px 0 80px;
  }
  .indivRight h2,
  .indivDescWrap h2 {
  	font-size: 34px;
  }
  .indivPrice {
  	font-size: 34px;
  }
  .indivRight ul li {
  	font-size: 21px;
  }
  .indivDesc {
  	font-size: 21px;
  }
  .indivProBtnLink a {
  	font-size: 28px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .indivDescWrap{
    margin: 30px 0 0;
  }
  .topPadd {
  	padding-top: 60px;
  }
  .addMargWrap{
    padding: 50px 0 0;
  }
  .indivPro {
  	padding: 40px 0 80px;
  }
  .indivImg {
  	padding: 60px 0;
  }
  .indivSpecBtnPlace {
  	max-width: 470px;
  }
  .indivRight h2,
  .indivDescWrap h2 {
  	font-size: 30px;
  }
  .indivPrice {
  	font-size: 34px;
  }
  .indivRight ul li {
  	font-size: 18px;
  }
  .indivDesc {
  	font-size: 18px;
  }
  .indivProBtnLink a {
  	font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .indivDescWrap{
    margin: 0 0 0;
  }
  .indivPro {
  	padding: 20px 0 80px;
  }
  .indivLeft,
  .indivRight {
  	width: 100%;
  }
  .indivImg{
    width: 60%;
    padding: 50px 0;
  }
  .indivLeft{
    margin-bottom: 60px;
  }
  .indivRight h2,
  .indivDescWrap h2 {
  	font-size: 30px;
  }
  .indivPrice {
  	font-size: 38px;
  }
  .indivSpecBtnPlace {
  	max-width: 400px;
  }
  .indivRight ul li {
  	font-size: 21px;
  }
  .indivDesc {
  	font-size: 21px;
  }
  .indivProBtnLink a {
  	font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .indivPro {
  	padding: 0 0 60px;
  }
  .topPadd {
  	padding-top: 30px;
  }
  .indivWrap{
    width: 100%;
  }
  .indivDescWrap{
    margin: 0 0 0;
  }
  .addMargWrap{
    padding: 50px 0 0;
  }
  .indivLeft,
  .indivRight {
  	width: 100%;
  }
  .indivImg{
    padding: 30px 0;
  }
  .indivLeft{
    margin-bottom: 60px;
  }
  .indivRight h2,
  .indivDescWrap h2 {
  	font-size: 30px;
  }
  .indivPrice {
  	font-size: 32px;
  }
  .indivSpec {
  	padding-left: 0;
  }
  .indivRight ul li {
  	font-size: 21px;
  }
  .indivDesc {
  	font-size: 21px;
  }
  .indivProBtnLink a {
  	font-size: 24px;
  }
  .indivProBtnLink {
  	margin-top: 60px;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .indivSpecBtnPlace {
  	max-width: 370px;
  }
}

/*========================================================
        Warranty Page
=========================================================*/
.termsWrap h2{
  font-family: 'co-headline', sans-serif;
  font-size: 30px;
  text-transform: uppercase;
}
.termsWrap p{
  font-family: barlowregular, sans-serif;
  font-size: 26px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.termsSecPart{
  padding-top: 60px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .termsWrap h2{
    font-size: 26px;
  }
  .termsWrap p{
    font-size: 22px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .termsWrap h2{
    font-size: 26px;
  }
  .termsWrap p{
    font-size: 21px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .termsWrap h2{
    font-size: 24px;
  }
  .termsWrap p{
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .termsWrap h2{
    font-size: 24px;
  }
  .termsWrap p{
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .termsWrap h2{
    font-size: 24px;
  }
  .termsWrap p{
    font-size: 21px;
  }
  .termsSecPart{
    padding-top: 40px;
  }
}


/*========================================================
    Solar Power
=========================================================*/
.prodDetbg {
  width: 1920px;
  margin: 0 auto;
  padding: 0 75px;
}
.prodLineSingle {
    height: 4px;
    border-bottom: 4px dotted var(--new-yellow);
    width: 90%;
    margin: 25px auto;
}
.solarProdWrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 auto;
    padding: 75px 0;
}
.solarProdImg {
    display: block;
    width: 50%;
    text-align: center;
}
.solarProdCont {
    display: flex;
    flex-direction: column;
    width: 50%;
}
.solarProdCont h3 {
    margin-bottom: 15px;
    font-family: 'co headline', arial, sans-serif;
    font-size: 40px;
    text-transform: none;
    color: var(--main-text);
}
ul.solarList {
   padding: 25px 0;
}
ul.solarList li {
    font-size: 24px;
    text-transform: capitalize;
    background: url('../images/services/yellow-square.jpg') no-repeat;
    background-position: left center;
    background-size: 18px 18px;
    padding: 6px 0 6px 30px;
}
.solarProdDesc {
    font-family: barlowmedium, arial, sans-serif;
    font-size: 24px;
    line-height: 1.3;
    word-spacing: 3px;
    padding-top: 15px;
}
.productPicture {
  display: block;
  margin: 0 auto;
  width: 60%;
  max-width: 350px;
}
.solarProdLast {
    margin-bottom: 75px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .solarProdCont h3 {
  	font-size: 34px;
  }
  ul.solarList li {
  	font-size: 22px;
  }
  .solarProdDesc {
  	font-size: 22px;
  }
  .productPicture {
  	max-width: 320px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .prodDetbg {
    width: 90%;
    padding: 0 25px;
  }
  .solarProdCont {
      padding: 50px 0;
  }
  .solarProdCont h3 {
      font-size: 28px;
  }
  ul.solarList li {
      font-size: 21px;
      background-position: left top 9px;
      background-size: 16px 16px;
  }
  .solarProdDesc {
      font-size: 21px;
  }
  .prodLineSingle {
      width: 90%;
  }
  .solarProdWrap {
      padding: 50px 0;
  }
  .solarProdLast {
      margin-bottom: 0;
  }
  .productPicture {
    width: 100%;
    max-width: 320px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .prodDetbg {
    width: 90%;
    padding: 0 25px;
  }
  .solarProdCont {
      padding: 20px 0;
  }
  .solarProdCont h3 {
      font-size: 22px;
  }
  ul.solarList li {
      font-size: 18px;
      background-position: left top 9px;
      background-size: 16px 16px;
  }
  .solarProdDesc {
      font-size: 18px;
  }
  .solarProdWrap {
      padding: 50px 0;
  }
  .solarProdLast {
      margin-bottom: 0;
  }
  .productPicture {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.solPow{
  padding: 0 0 40px;
}
  .prodDetbg {
    width: 90%;
    padding: 0 25px;
  }
  .solarProdWrap {
      flex-direction: column;
      padding: 20px 0;
  }
  .solarProdImg,
  .solarProdCont {
      width: 100%;
  }
  .solarProdCont h3 {
      font-size: 32px;
  }
  ul.solarList li,
  .solarProdDesc {
      font-size: 18px;
  }
  ul.solarList li {
      background-position: left top 9px;
      background-size: 16px 16px;
      padding: 5px 0 5px 26px;
  }
  .solarProdLast {
      margin-bottom: 20px;
  }
  .solarProdRev {
      flex-direction: column-reverse;
  }
  .productPicture {
    width: 100%;
    margin: 0 auto 35px;
  }
}
@media only screen and (max-width: 767px) {
  .solPow{
    padding: 0 0 40px;
  }
  .prodDetbg {
    width: 90%;
    padding: 0;
  }
  .solarProdWrap {
      flex-direction: column;
      padding: 20px 0;
  }
  .solarProdImg,
  .solarProdCont {
      width: 100%;
  }
  .solarProdCont h3 {
      font-size: 28px;
  }
  ul.solarList li,
  .solarProdDesc {
      font-size: 21px;
  }
  ul.solarList li {
      background-position: left top 9px;
      background-size: 16px 16px;
      padding: 5px 0 5px 26px;
  }
  .solarProdLast {
      margin-bottom: 20px;
  }
  .solarProdRev {
      flex-direction: column-reverse;
  }
  .productPicture {
    width: 100%;
    margin: 0 auto 20px;
  }
  .prodLineSingle {
  	margin: 35px auto 25px;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {
  .solarProdWrap {
      padding: 0;
  }
  .productPicture {
    margin: 20px auto;
  }
}

/*========================================================
        Compare Us to The Competition Section Index
=========================================================*/
.compUs{
  text-align: center;
  padding: 0 0 100px;
}
.compUs h3{
  margin: 0 0 10px;
}
.compUsTableSize{
  width: 90%;
  margin: 0 auto;
}
.compUsWrap{
  width: 66%;
  margin: 0 auto;
}

.compUsLogo img{
  width: 210px;
  margin: 70px 0 0;
}
.compUsRow{
  background: var(--white);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 20px;
  background: #FFFAFF;
}

.compUsRow:nth-child(odd){
  background: #e5e4e3;
}
.compUsText{
  width: 40%;
  text-align: left;
}
.compUsText p span{
  font-weight: 700;
}
.compUsText p br{
  display: none;
}
.compUsTick p{
  font-size: 22px;
}
.compUsTick{
  width: 20%;
}
.compUsTick img{
  width: 64px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .compUsWrap {
  	width: 70%;
  }

}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .compUs{
    padding: 0 0 80px;
  }
  .compUsTableSize{
    width: 95%;
  }
  .compUsText {
    width: 30%;
  }
  .compUsText p{
    font-size: 22px;
  }
  .compUsTick p{
    font-size: 20px;
  }
  .compUsTick img{
    width: 50px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .compUs{
    padding: 0 0 80px;
  }
  .compUsTableSize{
    width: 95%;
  }
  .compUsWrap {
  	width: 90%;
  }
  .compUsText {
    width: 20%;
  }
  .compUsText p{
    font-size: 20px;
  }
  .compUsTick p{
    font-size: 18px;
  }
  .compUsTick img{
    width: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .compUs{
    padding: 0 0 80px;
  }
  .compUsTableSize{
    width: 95%;
  }
  .compUsWrap{
    width: 90%;
  }
  .compUsText {
    width: 20%;
  }
  .compUsText p{
    font-size: 20px;
  }
  .compUsTick p{
    font-size: 18px;
  }
  .compUsTick img{
    width: 40px;
  }
  .compUsTick img.compBatLogo{
    width: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .compUs{
    padding: 0 0 60px;
  }
  .compUsTableSize{
    width: 100%;
  }
  .compUsWrap {
    width: 100%;
  	margin: 50px auto 0;
    overflow-x: scroll;
  }
  .compUsText {
  	width: 18%;
  }
  .compUsText p{
    font-size: 18px;
  }
  .compUsTick p{
    font-size: 16px;
  }
  .compUsTick{
    text-align: right;
  }
  .compUsTick img{
    width: 35px;
  }
  .compUsTick img.compBatLogo{
    width: 45px;
  }
}
@media only screen and (max-width: 479px) {
  .compUsText p br{
    display: block;
  }
}

/*========================================================
	Featuring Slider on Index
=========================================================*/
.featSlider{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f6f6f6;
  padding: 60px 0;
}
.featSliderWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 60px 0 0;
}
.featSliderBox{
  width: 100%;
}
.featSliderBox img{
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.featSliderBox p {
	font-family: barlowmedium, arial, sans-serif;
	font-size: 26px;
  line-height: 1.3;
  padding: 15px 0;
  text-align: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .featSliderBox p {
  	font-size: 22px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .featSliderBox p {
  	font-size: 21px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .featSlider {
  	padding: 20px 0 60px;
  }
  .featSliderBox p {
  	font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .featSlider {
  	padding: 10px 0 60px;
  }
  .featSliderBox{
    width: 100%;
  }
  .featSliderBox p {
    font-size: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .featSlider {
  	padding: 10px 0 60px;
  }
  .featSliderWrap{
    max-width: 337px;
    margin: 60px auto 0;
  }
  .featSliderBox{
    width: 100%;
  }
  .featSliderBox p {
    font-size: 21px;
  }
  .featSliderWrap.owl-theme .owl-nav.disabled + .owl-dots {
  	margin-top: 10px !important;
  }
}

/*========================================================
    Changing Menu
=========================================================*/
@media only screen and (min-width: 1024px) {
  .menu ul {
    background: transparent !important;
  }
}

/*========================================================
    Mobile Menu
=========================================================*/
@media only screen and (max-width: 1023px) {
  .pageTop {
    width: 90%;
  }

  .topInfoList,
  .navRow {
    display: none;
  }

  nav {
    display: inline-block;
  }

  .smobitrigger,
  .mnuclose {
    display: inline-block;
  }

  .smobitrigger {
    color: transparent;
    width: 30%;
    margin: 0 auto;
  }

  .smobitrigger {
    background: url("../images/menuopen.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
  }

  .mnuclose {
    background: url('../images/menuclose.png');
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    color: transparent;
    height: 60px;
    margin: 0 0 10px 0;
    width: 100%;
    text-align: right;
    display: inline-block;
  }

  .menu ul {
    padding: 0 30px 10px;
    overflow-y: auto;
    margin: 0 auto;
  }

  .menu ul li.mlink,
  .menu ul li.mmlink {
    display: block;
    text-align: left;
    padding: 0 0;
    border: none;
  }

  .menu ul li.mlink a,
  .menu ul li.mmlink a {
    margin: 12px auto;
    padding: 0;
    text-align: left;
    width: 100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.3;
    display: block;
    text-transform: capitalize;
  }
  .menu ul li.mLine {
  	display: block;
  }
  .menu ul li.mlogo {
    margin: 20px auto 0;
    display: block;
  }

  .menu ul li.mlogo img {
    width: 250px;
    margin: 0 auto 30px;
  }

  .menu ul li.mphone {
    display: block;
    color: #777;
    margin-bottom: 15px;
    text-align: center;
    position: relative;
  }

  .menu ul li.mphone::before {
    width: 30px;
    content: " ";
    background-image: url('../images/index/icon-top-phone.jpg');
    background-size: 30px 30px;
    position: absolute;
    left: 0;
    top: 3px;
    height: 30px;
  }

  .menu ul li.mphone span {
    display: block;
    font-size: 16px;
    font-weight: 300;
    color: #777;
  }

  .menu ul li.mphone a {
    font-size: 26px;
  }

  .menu ul li.maddress {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    text-transform: capitalize;
    margin: 35px auto 20px;
    color: #777;
  }

  .menu ul li.maddress span {
    display: block;
  }

  .menu ul li.mhours {
    display: block;
    margin-bottom: 35px;
    text-align: center;
    position: relative;
    font-size: 24px;
    padding-left: 20px;
  }

  .menu ul li.mhours::before {
    width: 30px;
    content: " ";
    background-image: url('../images/index/icon-top-clock.jpg');
    background-size: 30px 30px;
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
  }

  .menu ul li.mhours span {
    display: block;
  }

  .menu ul li.mobSocial {
    display: block;
    text-align: left;
    width: 100%;
    margin: 35px 0 20px;
  }

  .menu ul li.mobSocial a {
    padding: 0 5px;
    margin: 0;
  }

  .menu ul li.mobSocial img {
    height: 48px;
  }

  .menu ul li.mLine {
    height: 3px;
    border-bottom: 3px solid #edbf00;
    margin: 25px 0;
    width: 160px;
  }

  .mobimenu {
    padding: 0;
    margin: 0px;
    width: 13.9375em;
    position: fixed;
    height: 100% !important;
    top: 0px;
    left: -16.625em;
  }

  .mnuopn {
    left: 0px !important;
  }

  .ovrActv {
    position: fixed;
    background: rgba(0, 0, 0, 0.79);
    width: 100%;
    height: 100%;
    z-index: 9998;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }

  .companyData {
    height: 80px;
  }

  .two {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .three {
    display: none;
  }

  .one img {
    width: 200px;
  }

  .telMob {
    display: inline-block;
    width: 50%;
  }

  .telMob img {
    width: 40px;
    margin: 7px auto 0;
  }

  nav {
    width: 50%;
    text-align: right;
  }
  .logoMobi{
    display: inline-block;
  }
  .logoMobi img{
    width: 200px;
  }
  .one{
    display: none;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .two {
    width: 100%;
  }

}

@media only screen and (max-width: 479px) {
  .two {
    width: 100%;
  }
  .telMob {
    width: 20%;
  }
  nav {
    width: 20%;
  }
  .logoMobi{
    width: 60%;
  }
  .menu ul li.mlogo img {
    width: 100%;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}