@charset "utf-8";
/* CSS Document */

/* Main Container*/

*{
 margin:0;
 padding:0;
 border-box:box-sizing;
}

body{
 font-family:"Acumin Pro", sans-serif;

}

/*************header start**********************/


/*************Carousel Starts from here**********************/


.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin-left:10px;
  background-color:transparent;
  border:3px solid #FFFFFF;
  
}

.active{
  background-color:#fff !important;
  
	
}

.indicator{
 bottom:60px !important;	
	
}

@media screen and (max-width: 600px) {
 .container-header{
  max-width: 100% !important;
 }
}


/*************Carousel Ends here**********************/


/*************All Products Section Starts From here**********************/

.zoom {
  transition: transform .2s;
  
}

.zoom:hover {
  -ms-transform: scale(1.5); 
  -webkit-transform: scale(1.5); 
  transform: scale(1.5); 
}



.Product-Images{
 width:100%;
height:230px; /* 1.13 was 260 */
 background:#F5F5F5;
 box-shadow:0px 3px 3px #00000029;	
 text-align:center;	

}

.Product-Images h2{
 font-weight:700;
 font-size:26px;
 color:#AE0721;
 padding-top:1%; /* 1.13 was 5%; changed for in page link to products from carousel image 1 */
}

.Products-Inner-Container{
	
 width:100%;
 height:170px;	
 margin:0 auto;
}

.cameras{
 width:12.5%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
 
}

.cameras a{
 font-size:16px;
 font-weight:bold;
 color:#2D4143;
 text-decoration:none;
	
}

.cameras  a:hover{
 border-bottom:2px solid #AE0721;
 padding-bottom:7%;
}



.lenses{
 width:12.5%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
 
}

.lenses a{
 font-size:16px;
 font-weight:bold;
 color:#2D4143;
 text-decoration:none;
	
}

.lenses  a:hover{
 border-bottom:2px solid #AE0721;
 padding-bottom:7%;
}


.frameGrabbers{
 width:12.5%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
 
}

.frameGrabbers a{
 font-size:16px;
 font-weight:bold;
 color:#2D4143;
 text-decoration:none;
	
}

.frameGrabbers  a:hover{
 border-bottom:2px solid #AE0721;
 padding-bottom:7%;
}


.cables{
 width:12.5%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
 
}

.cables a{
 font-size:16px;
 font-weight:bold;
 color:#2D4143;
 text-decoration:none;
	
}

.cables  a:hover{
 border-bottom:2px solid #AE0721;
 padding-bottom:7%;
}


.accessories{
 width:12.5%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
 
}

.accessories a{
 font-size:16px;
 font-weight:bold;
 color:#2D4143;
 text-decoration:none;
 
}

.accessories  a:hover{
 border-bottom:2px solid #AE0721;
 padding-bottom:7%;
}

.lighting{
 width:12.5%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
 
}

.lighting a{
 font-size:16px;
 font-weight:bold;
 color:#2D4143;
 text-decoration:none;
	
}

.lighting  a:hover{
 border-bottom:2px solid #AE0721;
 padding-bottom:7%;
}

.systems{
 width:12.5%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
 
}

.systems a{
 font-size:16px;
 font-weight:bold;
 color:#2D4143;
 text-decoration:none;
 
}

.systems  a:hover{
 border-bottom:2px solid #AE0721;
 padding-bottom:7%;
}

.software{
 width:12.5%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
 
}

.software a{
 font-size:16px;
 font-weight:bold;
 color:#2D4143;
 text-decoration:none;
 
}

.software  a:hover{
 border-bottom:2px solid #AE0721;
 padding-bottom:7%;
}



/*************All Products Section Ends here**********************/

/*************text Section Starts from here**********************/

.text-info{
 width:100%;
 height: 680px; /*  1.11.21 7pm back to 680 1.11.21  from 657 to 680 / 1.7.21 from 500 to 580 / 12.22.20 height:657px; */

}
.text{
 width:70%; /* changed 12.20.20 70%; */
 height:100%;	
 margin: 0 auto;	
 max-width:768px; /* 1.11.21 added */

}
.text-info h2{
 font-size:43px;
 font-weight:700;
 color:#AE0721;
 margin-top:50px;
 text-align:center; /* changed 12.20.20 left;	*/
}

.text-info p{
 font-size:20px;
 font-weight:100;
 color:#414141;3
 margin-top:40px; /* 1.13 was 25 1.11.21 was 20px; */
 text-align:center; /* 1.11.21 was left */
}


/*************text Section Ends here**********************/


/*************Boxes Section Starts from here**********************/

.boxes{
 width:100%;
 height:auto;
background-image:url('//m.xtboya.com/img/Features-background.png');
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover;	
 padding-top:3%;
 padding-bottom:3%;	
}

.box-items{
 width:85%;
 height:380px; /* 1.13 was 400 / 1.11.21 was 441px; */
 margin:0 auto;
}


.box-items h2{
 font-size:50px;
 font-weight:bold;
 color:#fff;
 text-align:center;
}

.box-item-1{
 width:32%;
 height:100%;
 background:#fff;
 border-radius:10px;
 float:left;
 
 
}

.img-1{
 width:100%;
 height:45%;
 float:left;
 border-radius:10px 10px 0 0;
 text-align:center;
 padding-top:5%;
}


.title-1{
 width:100%;
 height:10%;
 float:left;	
padding-bottom:7%;
}

.title-1 h6{
 text-align:center;
 padding-top:5%;
 letter-spacing:3px;
}

.title-1 a{
 color:#AE0721; /* 1.11.21 was #D6D6D6; */
 font-size:14px;
 font-weight:600;
  /*1.13.21 removed underline */
}

.title-1 a:hover  {  /* 1.11.21 added hover; */
 color: red; !important;
 text-decoration: underline;  /*1.13.21 added underline */
font-weight:800;
}

.sub-title-1{
 width:100%;
 height: auto; /*18%;  1.13.21 21%  / 1.11.21 was 20%; */
 float:left;	
 font-weight:normal;	
 padding-top:1%; /*  added 1.12.21 */
padding-bottom:0;
/* 1.13.21 moved to  sub-titile-1 h5 border-bottom:1px solid #CCCCCC; */
}
/*
.space{
 width:90%;
 height:100%;
 border-bottom:1px solid #CCCCCC;	
 padding-top;0;
}
*/
.space-1{
 width:90%;
 height:100%;
}

.sub-title-1 h5{
 text-align:center;
 color:#7A7A7A;
 font-size:18px;
 font-weight:bold;
 line-height:1.25 !important; /* 2.1 was 22px / 1.13.21 was 25 */
/*padding-top:2px;   1.13.21 added  
padding-bottom:4px;   1.13.21 added */
padding:4px 4px 6px 4px;  /* 1.13 changed or added */
margin:0 auto;
width:98%;  /* 1.13 added */
border-bottom:1px solid #CCCCCC;
}


.paragraph-1{
 width:100%;
 height:auto; /* 1.13.21 25%; */
 float:left;
 border-radius:0 0 10px 10px;	
}

.paragraph-1 a{
 color:#AE0721; /* 1.11.21 was #D6D6D6; */
 font-size:14px;
 font-weight:bold;
}

.paragraph-1 a:hover  {  /* 1.12.21 added hover; */
 color: rgb(0, 102, 255); !important;
font-weight:800;
}

.paragraph-1 h4{
 color: #666666; 
 font-size:15px;
 font-weight:400;
 line-height: 1.25 !important; /* 2.1 was 22px */
 padding-top:2%;  /* 1.11.21 was 3% */
}
.box-item-2{
 width:32%;
 height:100%;
 background:#fff;
 border-radius:10px;
 float:left;
 margin-left:2%;
}

.box-item-3{
 width:32%;
 height:100%;
 background:#fff;
 border-radius:10px;
 float:left;
 margin-left:2%;
}

/*************Boxes Section Ends here**********************/

/*************logos Section Start from here**********************/
.company-logo{
 border-bottom:1px solid #C7C7C7;
}

.company-logo h2{
 font-size:45px;
 font-weight:600;
 color:#AE0721;
 text-align:center;
 padding-top:3%;  /* 1.11.21 was 5% */
 padding-bottom:2%; /* 1.11.21 was 5% */
 margin:0 auto; /* added 12.22.20 */
 width:60%; /* added 12.22.20 */
 line-height:1 !important; /* 2.1 added */
}

.logos-name-1{
 width:80%;
 height:80px;
 margin:0 auto;	 

 
}

.first-logo{
 width:20%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
}

.second-logo{
 width:20%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
}

.third-logo{
 width:20%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
}

.fourth-logo{
 width:20%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
}

.fifth-logo{
 width:20%;
 height:100%;
 float:left;
 display: flex; 
 align-items: center;
 justify-content: center;
 
}

.logos-name-2{
 width:80%;
 height:80px;
 margin:0 auto;
 
}

.logos-name-3{
 width:80%;
 height:80px;
 margin:0 auto;
 
}

.logos-name-4{
 width:80%;
 height:80px;
 margin:0 auto;
 
}

.logos-img {100%;max-width:180px;}}   /* 1.14 added */

/*************logos Section Ends here**********************/

/*************Testimonial Section Start from here**********************/
/* 1.20.21 many changes to center items in this section */

.testimonials-data{
 width:60%; /* 1.20.21 was 60 */
 height:auto;
 margin:0 auto;
 padding-bottom:10%;
 padding-top:3%;  /* 1.11.21 was 10%; */
 overflow:hidden;
max-height:400px;  /* 1.11.21 added height */
}

.quotation-mark{
 width:100%; 
 height: 100px; /* 1.11.21 was 200px; */
 text-align:center; 
 padding-top:2.5%;  /* 1.20.21 added */
margin-left:auto; margin-right:auto; /* 1.20.21 added */
}

.fa_custom  {
 color: #AE0721 !important;
 position:relative;
/* 1.20.21 comment out 
 float:right; 
 right:45%; */
 display:flex;
  justify-content:center;
}

.fa_custom:hover  {
 color: #AE0721 !important;

}


.carousel-indicators {
	margin-bottom: -50px;
}
a:hover{
	   color: #ae0721 !important;
	   text-decoration: none !important;
}
.border_bottom{
	    border-bottom: 1px solid #CCCCCC;
}
.view-all {
        padding-left: 17px;
    padding-top: 18px;
}
.view-all a {
    font-size: 12px;
    padding: 4px;
    margin-right: 18px;
    font-weight: 500;
    color: #ae0721;
    height: 21px;
    border: 1px solid rgba(174, 7, 33, 1);
}

.btn-primary{
 background:transparent !important;
 border:none !important;
 margin-top:30px;
}

.carousel-indicators li, .carousel-indicators li.active {
	width: 12px;
    height: 12px;
    border-radius: 50%;
	border: none;
}
.carousel-indicators li {	
 width: 12px !important;
 height: 12px !important;
 border-radius: 50%;
 border-top: none !important;
 border-bottom: none !important;
 background: #fff;
 border: 3px solid #A7A7A7 !important;
 
	
}
.carousel-indicators li.active {	
 background: #A7A7A7;		
 border: 3px solid #A7A7A7;
 
}

.testimonial{
 font-size:25px;
 font-weight:400;
 color:#414141;
padding-top:2.5%;	 /* 1.20.21 added */	
 margin-bottom:5%;
 text-align:center; /* 1.11.21 added */
margin-left:auto; margin-right:auto; /* 1.20.21 added */
 justify-content:center;
width:100%;
}

.overview{
 text-align:center;	
 font-size:14px;
margin-left:auto; margin-right:auto; /* 1.20.21 added */
text-align:center; /* 1.20.22 added */
}



.custom-border{
 width:5%;
 margin:0 auto;
 margin-bottom:5%;  /* 1.11.21 was 7%; */
 border-bottom:3px solid #AE0721;	
margin-left:auto; margin-right:auto; /* 1.20.21 added */

}

/*************Testimonial Section ends here**********************/


/*************resource Section Starts from here**********************/

.resource-button{
 border:1px solid #AE0721 !important;
 padding:4px 8px 4px 8px;
 background:transparent !important;
 color:#AE0721 !important;
 margin-bottom:6%; /*  1/13 was 2% 1.7.21 added */
 margin-top:2%; /*  1.27.21 changed from 0 / 1.8.21 added */
}


.resource-button:hover{
 background:#AE0721 !important;
 color:#fff !important;	
}

.resource{
 width:100%;
 height:auto;
 background: transparent linear-gradient(180deg, #B7B7B7 0%, #EBEBEB 100%) 0% 0% no-repeat padding-box;
 opacity: 1;
 	
}


.resource-document{
 width:50%;
 height:600px;
 float:left;
 margin:auto;
 display:flex;
 text-align:center;
 justify-content:center; /* typo jsutify-content:center; */
 padding-left:3%;
 
}


.resource-text{
 width:50%;
 height:600px;
 margin:0 auto;
 float:left;
 
}

.small-heading{
 width:80%;
 height:25px;
 font-size:16px;
 color:#FFFFFF;
 font-weight:500;	
 letter-spacing:3px;
 margin-top:15%;
 border-bottom:1px solid #AE0721;
 display:flex;
 text-align:center;
 justify-content:center; /* 12.22.20 typo jsutify-content:center; */

	
}

.description{
 width:80%;
 height:85px;
 font-size:20px;
 color:#AE0721;
 font-weight:600;	
 margin-top:2.5%;
 display:flex;
 justify-content:center; /* 12.22.20 typo jsutify-content:center; */
 
}

.explanation{
 width:80%;
 height:70px;
 font-size:13px;
 color:#414141;
 font-weight:400;	
 margin-top:2.5%;
 display:flex;
 justify-content:center; /* 12.22.20 typo jsutify-content:center; */	
	
}



/*************resource Section Ends here**********************/

/*************Get In Touch Section Starts from here**********************/ 
/* wasn't working with new menu 12.20.20 defer for now do inline
  .iframe-container {margin:0 auto;text-align:center;height:1240px;}

.responsive-iframe {
  width: 100%;
  height: 100%;
  max-width:600px;
  border: none;

}
*/

.get-in-touch{
 width:100%;
 height:750px; /* 2.1 was 890px 1.19 was 850 / 1.17 for subpage in header incraesed more, 1.14 800 to 850 got rid of scrollbar 1.13 auto; */
 background:#AE0721;	
 padding-bottom:4%;
}

.get-in-touch h2{
 font-size:40px;
 font-weight:550;
 letter-spacing:2%;
 color:#FFFFFF;
 text-align:center;	
 padding-top:2%;          /* 1.19 was 1%, 1.11.21  was 10% */   
 padding-bottom:2%;   /* 1.19 was 1% / 1.13 added */
 margin-top:0;     	 /* 1.11.21  added  */   
}

.contact-form{
 width:80%;
 height:auto;
 margin:0 auto;
 
 
}
.half-width-1{
 width:48%;	
 float: left;
 margin-top:2%;
 margin-right:2%;

}

.half-width-2{
 width:48%;	
 float: left;
 margin-top:2%;
 margin-right:2%;
 margin-bottom:4%;

}



.form-control {
 border-radius:0px;	
 margin-top:2%;
 display:flex;
 
}


 .message{
 width:88% !important;		 
 float:left;
 border-radius:0px;	

 
}


.get-button{
 border:1px solid #fff !important;
 padding:4px 8px 4px 8px;
 background:transparent !important;
 color:#fff !important;
 
	
}

.resource-button:hover{
 background:#AE0721 !important;
 color:#fff !important;	
	
}

.get-in-touch-div {margin:0 auto;text-align:center;height:700px;width:80%;}

/*************Get In Touch Section Ends here**********************/

 
/*************footer Section Starts from here**********************/
 .footer{
 width:100%;
 height:auto;
 background:#414141;	 
 padding-bottom:5%;	 
	 
 }
 
 .menu-links{
 width:20%;
 height:100%;
 float:left;
 display:flex;
 jusify-content:left;
 text-align:left;	 
	 
 }

 
 .menu-links ul{
 list-style-type:none; 
 }
 
 .menu-links ul li{
 display:block;
 
 }
 
 .menu-links ul li a{
 font-size:18px;
 font-weight:500;
 color:#FFFFFF;
 text-decoration:none; 
 }
 
  .menu-links ul li a:hover{
 color:#AE0721;

 }
 
  
.company{
 width:30%;
 height:100%;	
 float:left;	
 display:flex;
 jusify-content:left;
 text-align:left;	 
}

.company ul{
 list-style-type:none; 
 }
 
 .company ul li{
 display:block;
 
 }
 
 .company ul li a{
 font-size:18px;
 font-weight:500;
 color:#FFFFFF;
 text-decoration:none; 
 }
 
 .company ul li a:hover{
 color:#AE0721;

 }
 
 .logo-text{
 width:50%;
 height:100%; 
 float:left;
 
 
	 
 }
 
 .company-logos{
 width:100%;
 height:20%; 
 float:left;
	 
 }
 
 .company-logos img{ 
 float:right;	 
 display:flex;
 justify-content:right;
 text-align:right;	 
 }
 
 .contact-info{
 width:100%;
 height:15%;
 float:left;
	
}

.contact-info h6{
 font-size:18px;
 font-weight:400;
 color:#FFF;
 float:right;
 padding-top:3.5%;
	
	
}

.contact-info-1{
 width:100%;
 height:15%;
 float:left;
	
}

.contact-info-1 h6{
 font-size:18px;
 font-weight:400;
 color:#FFF;
 float:right;
 padding-top:3.5%;
	
	
}


.contact-info-2{
 width:100%;
 height:15%;
 float:left;
	
}

.contact-info-2 h6{
 font-size:18px;
 font-weight:400;
 color:#FFF;
 float:right;
 padding-top:3.5%;

}

 
 

.social-icons{
 width:100%;
 height:35%;	
 float:left;
}

.social-icons ul{
 display:inline-block;
 list-style-type:none;
 padding-top:5%;
 padding-right:5%;
 float:right;
}

.social-icons ul li{
 display:inline-block;
 
}

.social-icons ul li a{
 text-decoration:none;
 font-size:24px;
 font-weight:600;
 color:#fff;
 
}

.social-icons ul li a:hover{
 color:#AE0721;
 
}
 .company-info{
 width:100%;
 height:100px;
 margin:0 auto;
 float:left;
 

 
}

.company-info h6{
 font-size:13px;
 font-weight:300;
 color:#FFFFFF;
 line-height:20px;
}

.footer-container{
 width:100%;
 height:300px;	
 margin-top:6%;	
 display:flex;
 jusify-content:center;
 text-align:center;	
}






/*************footer Section Ends here**********************/

/*************Mini footer Section Starts From here**********************/




.mini-footer{
 width:100%;
 height:60px;
 background:#000000;
 overflow:hidden;
	
}

.mini-footer h4{
 font-size:18px;
 font-weight:300;
 color:	#C7C7C7;
 line-height:60px;
 text-align:center;
  margin-top:1.25%;  /* 2.1 added */

}

/*************Mini footer Section Ends here**********************/



/****************Media Queries**************************/
@media screen and (max-width:568px){
	
	

.Product-Images{
 height	:auto;
 overflow:hidden;	
}

.Product-Images h2{
 font-size:15px;
 margin-top:5% !important;
}


.cameras{
 width:33%; /* 100%; 12.22.20 */
}

.lenses{
 width:33%; /* 100%; 12.22.20 */
}

.frameGrabbers{
 width:33%; /* 100%; 12.22.20 */
}

.cables{
 width:33%; /* 100%; 12.22.20 */
}

.accessories{
 width:33%; /* 100%; 12.22.20 */
}

.lighting{
 width:33%; /* 100%; 12.22.20 */
}

.systems{
 width:33%; /* 100%; 12.22.20 */
}

.software{
 width:33%; /* 100%; 12.22.20 */
}

.text-info h2{
 font-size:20px;	
	
}

.text-info p{
 font-size:13px;	
 color: #282828;
}

.box-items h2{
 font-size:35px;
 font-weight:bold;
 
 
}

.box-item-1{
 width:100%;
 
}

/* 1.14 added */
.title-1{
	 height:12%;
	padding-bottom:10%;  
}

.title-1 h6{
 padding-top:2% !important;

}

.sub-title-1 h5{
 font-size:8px;
 margin-top:-7% !important;
 

}

.paragraph-1 h4{
 font-size:12px;
 margin-top:-7% !important;	
}

.box-item-2{
 width:100%;
 margin-top:5%;
 margin-left:-0.6% !important;
 
}

.box-item-3{
 width:100%;
 margin-top:5%;
 margin-left:-0.6% !important;
}

.company-logo h2{
 font-size:15px;	
}

/* 12.28.20 moved logos below */


.resource-document img{
 width:100%;
 height:auto !important;
 margin-left:35%;
  	
}


.resource-text{
 width:100%;
 height:auto;
 padding-bottom:10%;
}
.small-heading{
 width:100%;
}

.description{
 width:100%;
 

}

.explanation{
 width:100%;

}


/* comment out 1.14
.testimonials-data{
 width: 80%;
}

.fa_custom  {
 padding-right:20% !important;

}
*/

.fa_custom  { text-align:center;}  /* added 1.14 centered quote */


.testimonial {
 font-size:15px;	
	
}

.company-info {
 margin-bottom:8%;	
	
}
.company-info h6{
 font-size:12px !important;	
	
}

.company{
 margin-left:8%;	
	
}

.form-control{
 width:100% !important;
 
}



.contact-form{
 height:auto !important;
	
}


.menu-links ul li a{
 font-size:11px !important;
 line-height:200%;
}

.company ul li a{
 font-size:11px !important;
 line-height:200%;
}

.contact-info h6 {
 font-size:12px !important;
	
}

.contact-info-1 h6 {
 font-size:12px !important;
	
}

.contact-info-2 h6 {
 height:auto;
padding-bottom:5%;	
}



.company-info h6{
 font-size:8px !important;
 width:100%;
 
	
}

.social-icons ul li a{
 font-size:15px;	
	
}



.mini-footer h4{
 font-size:9px !important;
  margin-top:1.5% !important;  /* 2.1 added */

}


.footer-container{
 width:100%;
	
}



}

/* Added these and revised 1.14,  1.12.21 */
@media screen and (max-width:700px) {

	.get-in-touch{ height:760px; /* 2.1 was 900 / 1.20 was 870 / 1.13 auto; */
	 background:#AE0721;	
	 padding-bottom:4%;
	}

/*
.get-in-touch h2 {
	 font-size:30px;
	 font-weight:550;
	 letter-spacing:2%;
	 color:#FFFFFF;
	 text-align:center;	
	 padding-top:1%;         
	 padding-bottom:1%;  
}	
*/
	
	.get-in-touch-div {margin:0 auto;text-align:center;height:1020px;width:90%;}
}

/* 1.14 added */
@media screen and (max-width:1449px) {

	.box-items{
	 width:90%;
	 height:420px; /* 1.13 was 400 / 1.11.21 was 441px; */
	 margin:0 auto;
	}

}

/* 1.14 Modifed both media queries below added max-width for logos-img 
*/

@media screen and (max-width:699px) {
	.first-logo{
	 width:50%;  
	}
	
	.second-logo{
	 width:50%; 
	}
	
	.third-logo{
	 width:50%;
	}
	
	.fourth-logo{
	 width:50%; 
	}
	
	.fifth-logo{
	 width:50%;
	}

	.logos-img {width:98%;max-width:115px;}

	.paragraph-1{
	  height:25%; /* 1.14 Added here desk is auto.  25% here. 1.13.21 25%; */
	  margin-top:5%;
	}

	.paragraph-1 h4{
	 font-size:15px;	
	}
	
	.sub-title-1 h5{
	 padding-top:3%;
	 font-size:15px;
	
	}

}


@media only screen and (max-width:1280px) and (min-width:700px) {

	.logos-name-1{  width:100%;}
	.logos-name-2{  width:100%;}
	.logos-name-3{  width:100%;}
	.logos-name-4{  width:100%;}
	
	.first-logo{
	 width:20%; 
	}
	
	.second-logo{
	 width:20%;
	}
	
	.third-logo{
	 width:20%; 
	}
	
	.fourth-logo{
	 width:20%; 
	}
	
	.fifth-logo{
	  width:20%; 
	}

	.logos-img {width:100%;max-width:130px;}	
	
	 .sub-title-1 h5{
	 padding-top:3%;
	 font-size:15px;
	
	}

}

@media only screen and (max-width: 1280px) and (min-width: 569px) {


.Product-Images{
 height	:auto;
	
}

.Product-Images h2{
 font-size:20px;
 
}

.cameras{
 width:25%; /* 100%; 12.22.20 */
}

.lenses{
 width:25%; /* 100%; 12.22.20 */
}

.frameGrabbers{
 width:25%; /* 100%; 12.22.20 */
}

.cables{
 width:25%; /* 100%; 12.22.20 */
}

.accessories{
 width:25%; /* 100%; 12.22.20 */
}

.lighting{
 width:25%; /* 100%; 12.22.20 */
}

.systems{
 width:25%; /* 100%; 12.22.20 */
}

.software{
 width:25%; /* 100%; 12.22.20 */
}


.text-info h2{
 font-size:23px;	
	
}

.text-info p{
 font-size:15px;	
 
}

.box-items h2{
 font-size:50px;
}

.box-item-1{
 width:100%;
 
}

.box-item-2{
 width:100%;
 margin-top:5%;
 margin-left:-0.6% !important;
}

.box-item-3{
 width:100%;
 margin-top:5%;
 margin-left:-0.6% !important;
}


.company-logo h2{
 font-size:20px;	
}


/* Moved logos CSS to a different media query 12.28.20 */

.resource-document{
 width:100%;

}

.resource-text{
 width:100%;
 height:auto;
 padding-bottom:10%;
}
.small-heading{
 width:100%;
}

.description{
 width:100%;

}

.explanation{
 width:100%;

}

/* 1.14 keep 60%;
.testimonials-data{
 width:100%;

}
*/

.fa_custom  {
 color: #AE0721 !important;
 position:relative;
/* 1.20.21 comment out
 float:right;
 right:45%;
*/
 display:flex;
  justify-content:center; /* 1.21.20 */
text-align:center;
}

/* 1.14 comment out to fix quote
.fa_custom  {
 padding-right:20% !important;

}
*/

.testimonial {
 font-size:20px;	
	
}



.form-control{
 width:100% !important;
 
}

.company-info {
 margin-bottom:12%;	
	
}

.company-info h6{
 font-size:15px;	
	
}

.company{
 margin-left:10%;	
	
}

.mini-footer h4{
 font-size:12px !important;
 
}

}




/****************Media Queries**************************/