/* Mobile Portrait View */

.schematich2
{
	text-align:center; display: block; line-height: 50px;margin: 14px; font-size: 28px;
	margin-bottom: 0px; padding-bottom: 1px; 
}

.schematich3
{
	text-align:center; display: block; line-height: 35px; margin: 14px; font-size: 2.2em;
	margin-bottom: 0px; padding-bottom: 1px; text-transform:none;
	font-family: 'Open Sans', Arial; 
}

.schematich31
{
	font-size: 1.2em;
	margin-top: 30px;
	color: #ffffff; font-weight: bold; line-height: 25px;
}

.schmimg:hover
{
	-webkit-filter: brightness(125%);
}

@media screen and (max-width: 29.938em) {

.schematich3
{
	font-size: 24px;
}

.schematich2
{
	font-size: 24px;
}


.desc11
{
	padding-left: 7%;
}

.feature-section, .section-benefit, .section-advt, .footer-wrapper, .section-top-abt
{
	padding: 40px 0 10px;
}

.feature-content p
{
  text-align: center;
}

.services .col-6
{
	padding-bottom: 20px;
}

p{ margin-right: 0px; }
.header-wrapper { padding:0;}
#header{height:85px !important;}
#header .logo { width:100%; margin-top:0px !important;}
#header .logo img { width:100%;}
.header, .banner { width:100%;}

#header .container .left{width:45%;}
#header .container .right, .header .right{width:100%;}
.topphone{padding:0px; margin-bottom:5px; display:none;}
.adj{margin-bottom:25px;}

.logo { float:none; width:auto; margin:0 auto; display:table; display:none;}
.logo img { width:50%;}
.moblogo{
	display:block; 
	position:relative; 
	top:9px;

    padding-left: 3px;
    padding-right: 3px;
}
.isStuck .moblogo{ position:relative; top:10px;} 
.isStuck .mobsearch{position:absolute; top:18px;}

.contact, .footer { width:100%;}
.container, .caption-wrapper, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14 { width:100%; padding:0 16px;}
.services .box .thumb { float:none; margin:0 auto 10px auto; display:table;}
.products .box .thumb { width:auto; height:auto; display:table; margin:auto;}
.products h4 {padding:15px 0;}
.news, .footer-links { margin-bottom:15px; margin-top:15px;}
.services .box p { display:table; text-align:center; padding-bottom:15px;}
.caption{ width:85%; margin-left:12px; bottom:55px;}
.caption h6{font-size:20px;}
.caption h1{font-size:40px; line-height:40px;}
.camera_prev{right:63px !important; position:relative; top:245px !important;}
.camera_next{right:15px !important; position:relative; top:245px !important;}

.bx-controls-direction { width:100% !important;}
.bx-wrapper .bx-prev { left:68.5% !important;}
.bx-wrapper .bx-next { right:20px !important;}
.product-search { display:none;}
 
.products .box{text-align:center;}
.products h4, .products h2{text-align:center; line-height:30px; margin:0 auto;}
.footer-links h5{text-align:center;}
.footer-links li{text-align:center;}

.ftright{float:none;}
.ftright h5{text-align:center !important;}
.ftright li{text-align:center !important;}

.services h3{text-align:center; line-height:30px;}
.products p{text-align:center;}

.new-products h2{display:block; text-align:center;}
.new-products p{ text-align:center;}
.isStuck .logo { background-size:50% !important;}
.row { margin-right:0;}
.caption-style-1 li, .caption-style-4 li{float:none; padding:0px; margin:0 auto !important; width:60%;}
.nopadding{padding:inherit !important;}
.services .spacer40{height:auto !important;}
header{height:50px; position:fixed;}
.bx-controls{display:none;}
.caption-style-4 .blur{top:5px !important; height:160px !important;}
.caption-style-4{margin-left:0px !important;}
.bx-viewport{height:160px !important;}
.bx-wrapper img{height:160px !important;}
.mobsearch{display:block; position: absolute; right: 65px;     top: 10px;
    
    padding: 5px 5px 3px;}
	
.bxmain{ width:70%; float:none; margin:0 auto 9%; display:block;}
.zoom-container {width: 100%; display:block; margin: 0px; }

.section-top{padding: 70px 0 30px 0;}
.section-top-abt{padding:70px 0 25px 0;}
.section-top h1{display:table; margin:0 auto; text-align:center; line-height: 50px; font-size: 46px; padding-bottom: 15px;}
.section-top h3{display:table; margin:0 auto; text-align:center; padding-left: 10px; padding-right:10px;}

.section-top-abt h1{display:table; margin:0 auto; text-align:center; line-height: 50px; font-size: 46px; padding-bottom: 15px;}
.dash-search {position:relative; top:0; right:0; margin:0 auto; text-align:center; padding-bottom:20px;}
.feature-thumb {width:100%; margin:0 0 20px 0; height:auto;}
.feature-boxes {margin-bottom:30px;}
.benefit-list {padding-left:60px; width:auto; background-size:20%; font-size:15px; line-height:22px;}
.advtg-list {
    padding-left: 25px;
    width: auto;
    background-size: 18px;
    font-size: 18px;
    line-height: 22px;
    min-height: 0px;
    background-position-y: 8px;
    padding-bottom: 30px;
}	


.advt-list { width:auto; background-size:18px; font-size:15px; line-height:22px;}
.advt-list1 h2 { font-size: 20px; }

.camera_target_content{width:100%; display:block;}

.colarea .col-12{width:100%;}
.section-top-right{ float:none; width:100%; text-align:center; display:block; margin:10px auto 10px;}
.section-top .container{padding:0px;}
.section-top-abt .container{padding:0px;}
.ftera .col-6{padding:0px; width:100%;}
.feature-thumb{display:block; text-align:center; margin:0 auto;}
.feature-thumb img{width:60%; height:auto; text-align:center;}
.feature-boxes h3{text-align:center; padding:10px 0 0px 0; font-size:22px;}
.feature-content{text-align:center;}
.benefit-list{padding-left:80px;}

.feature-section h2,.section-benefit h2, .section-advt h2{font-size: 37px; line-height:42px; text-align:center; margin: 0 auto; padding-bottom: 35px; }

.footer-wrapper .row
{
	margin-left: 6%;
}

section
{
    padding: 40px 0;
    padding-bottom: 20px;
}
}

/* Mobile Landscape View */

@media screen and (max-width:50.750em) and (min-width:30.000em) { 


.schematich3
{
	font-size: 24px;
}


.schematich2
{
	font-size: 24px;
}

.schematich2
{
	font-size: 22px;
}


.desc11
{
	padding-left: 15%;
}


.bxmain{ width:22%; float:left; margin:0 3% 3% 0;}
.header-wrapper { padding:0;}
#header .logo img, header.smaller .logosmall img { width:70%;}
.header, .banner, #header .container .right { width:100%;}

header{height:50px !important; position:fixed;}
.logo { float:none; width:auto; margin:0 auto; display:table; display:none;}
.logo img { width:70%;}
.moblogo{display:block; position:relative; top:9px;}
.isStuck .moblogo{ position:relative; top:10px;} 
.isStuck .mobsearch{position:absolute; top:18px; right:83px;}
.topphone{display:none;}
.mobsearch{display:block; position: absolute; right: 65px; top:14px;}

.contact, .footer, .header .right { width:100%;}
.services .box p { display:table; text-align:center; padding-bottom:20px;}
.products .box, .products .box .thumb { width:auto; height:auto; display:table; margin:0 auto 10px;}
.products .col-13 { width:50%;}
.news, .footer-links {margin-bottom:15px; margin-top:15px;}
.container { width:480px; margin:auto;}

.container, .caption-wrapper, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14 { width:50%; padding:0 20px;}
.caption-wrapper{left:0; bottom:0; right:inherit;}

.caption{width:63%; margin-left:12px; bottom:60px;}
.caption h6 {font-size:23px;}
.caption h1 {font-size:50px; line-height:50px;}
.camera_prev{right:63px !important; position:relative; top:245px !important;}
.camera_next{right:15px !important; position:relative; top:245px !important;}

.bx-controls-direction { width:100% !important;}
.bx-wrapper .bx-prev { left:85.5% !important;}
.bx-wrapper .bx-next { right:20px !important;}
.bx-controls{display:none;}
.product-search { display:none;}
.topphone{padding:0px;}

.footer-links ul{height:auto; min-height:210px;}
.footer-links h5{text-align:left;}
.footer-links li{text-align:left;}
.ftright{float:none;}
.ftright h5{text-align:center !important;}
.ftright li{text-align:center !important;}

.services .box{margin-bottom:20px !important;}
.services .spacer40{height:auto !important;}
.services .box .thumb{ text-align:center; float:none; margin:0 auto !important;}
.services h3{text-align:center; margin-top:10px;}
.products{text-align:center; margin-left: 2%;}
.products h2{display:block !important; text-align:center !important;}
.products .col-13{margin:0; width:100%;}
.products p { width: 94%; }

.new-products h2{display:block; text-align:center;}
.new-products p{ text-align:center;}
.isStuck .logo { background-size:70% !important;}
.row { margin-right:0;}
.caption-style-1 li, .caption-style-4 li{
    float: left;
    height: 210px;
    margin: 0 auto !important;
    padding: 0;
    width: 50%;
}
.services .spacer40{height:auto !important;}
.camera_target_content{width:100%; display:block;}

.section-top{padding:75px 0 0 0 !important;}
.section-top-abt{padding: 75px 0 50px;}
.section-top .col-6{width:100%;}
.section-top-abt .col-6{width:100%;}
.dash-search{right:0; left:0; top:0; margin:0 auto; position:relative; padding-bottom:20px;}

.section-top-right{margin:0 15px 0 0;}

.section-top h1{margin:0 auto !important; display:table; text-align:center !important; line-height:50px;}
.section-top h3{margin:0 auto !important; display:table; text-align:center !important; padding-left: 10px; padding-right:10px;}

.section-top-abt h1{margin:0 auto !important; display:table; text-align:center !important;line-height:50px;}

.feature-boxes h3{font-size:18px;}
.section-top .col-6{width:100% !important; display:block;}
.section-top-abt .col-6{width:100% !important; display:block;}

.section-benefit .col-6{ width:100% !important; padding-left: 40px;}
.section-advt .col-6{ width:100% !important; padding-left: 40px;}
.colarea{display:block; clear:both;}
.colarea .col-12{width:100%;}
.section-top .col-12{padding:0px;}
.section-top-abt .col-12{padding:0px;}

.section-top-right{display: block; float: none; margin: 10px auto; padding: 0px; text-align: center; width: 93%;}
.section-top-left{width:94%; display:block; margin:0 auto; }
.advt-list { width:auto; background-size: 18px; font-size:15px; line-height:22px;}
.advt-list1 h2 { font-size: 20px; }


}

@media (min-width:1281px) 
{
	p { margin-right: 23px; }
}

@media (max-width: 979px) {

.section-advt .container
{
	padding-left: 10px;
}


.advt-list1 .row
{
	margin-left: 1%;
}

.nav li  a{
    padding-left: 14px;
    padding-right: 14px;	
}

.footer-wrapper .row
{
	padding-top: 60px;
}

.footer-wrapper .row
{
	margin-left:6%;
}

}

@media screen and (max-width:813px) and (min-width:20.000em) {  
.schematich3
{
	font-size: 24px;
}

.nav {width:100%; margin:; background:#ececec; display:block;}
ul.nav{display:block; position:relative; top:15px;}
.nav li { display:block; padding-bottom:0; border-bottom:#e4e2e2 solid 1px; width:100%;}
.nav li a {color:#1c1c1c; font-size:15px; line-height:24px; margin:0; display:block;}
.nav li:hover a, #header .nav li.current a {color:#1c1c1c; display:block; width:100%; float:none;}
.toggleMenu { z-index:12; display: none; padding:0; background:url(../images/toggle-bg.png) no-repeat right center; font:normal 12px Arial, Helvetica, sans-serif; text-align:left; height:26px; margin:0; text-decoration:none; position:absolute; right:15px; top:12px; width:33px; border-bottom:0 !important; color:#fff; float:right;}
.nav li ul, .nav li a ul{display: block !important; top:0;}
.toggleMenu:hover { color:#fff;}
.smaller .toggleMenu{margin-top:10px;}
.isStuck .toggleMenu{position:relative; top:18px; left:2px;}
.nav li li a{padding:5px 20px !important; line-height:24px !important;}
.menuarea ul li:hover > ul{ background:none transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0;}
.menuarea ul li:hover ul li ul, .menuarea ul li:hover ul li:hover > ul, .menuarea ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.menuarea ul li:hover ul li:hover ul, .menuarea ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
.nav li:hover ul li a{padding:5px 20px !important; line-height:24px !important; font-size:15px;}
}

/* Tablet View */

@media screen and (max-width:63.938em) and (min-width:48.000em) {

.schematich3
{
	font-size: 24px;
}


#header .logo img { width:100%;}
.footer, .slider-section, #header .container .right, .header .right { width:100%;}
.products .col-13 { width:25%;}
.container, .caption-wrapper { width:100%; padding:0 20px;}
.caption{margin-left:12px; bottom:60px;}
.caption h6 {font-size:23px;}
.caption h1 {font-size:60px; line-height:60px;}
.camera_prev{right:63px !important; position:relative; top:245px !important;}
.camera_next{right:15px !important; position:relative; top:245px !important;}

.bx-wrapper .bx-next, .product-search { right:20px !important;}
.topphone{padding:0px;}
.bx-wrapper .bx-prev { left:86.50% !important;}
.bx-controls-direction { width:100% !important;}
.services .box{margin-bottom:20px !important;}
.services .spacer40{height:auto !important;}
#header .nav li{padding:0px !important;}
.row { margin-right:0;}
.caption-style-1 li, .caption-style-4 li{ width:20%; margin-right:35px !important;}
.caption-style-1 li:last-child, .caption-style-4 li:last-child{ margin:0px !important;}
.nopadding{padding:inherit !important;}
.caption-style-1 li, .caption-style-4 li{ height: auto; min-height:216px;}
.caption-style-1 .blur, .caption-style-1 .caption-text{ height:131px; width:145px;}
.services .box .thumb{margin-right:12px;}
.caption-style-1 li h4, .caption-style-4 li h4{padding-top:20px;}

.section-top {padding:0 0 0 20px;}
.section-top .col-6{width:100%; padding:0 0 30px 0;}

.section-top-abt {padding:50px 0 60px 20px;}
.section-top-abt .col-6{width:100%; padding:0 0 30px 0;}


.feature-boxes h3{ font-size:17px;}
.feature-thumb {width:100px; height:90px; margin:0 15px 0 0;}
.feature-thumb img {min-height:inherit; margin-right:10px;}
.benefit-list {width:auto;  line-height:20px; padding-top:10px;}
.advtg-list {width:auto;  line-height:20px; padding-top:10px; padding-right: 140px;     background-position-y: 10px;}
.feature-content {display:inline;}
.camera_target_content{width:100%; display:block;}

.news li{width:50%; min-height:85px;}
.bxmain{width:23%;}
}

@media screen and (max-width:71.063em) and (min-width:64.000em) {
.schematich2
{
	font-size: 24px;
}


.header-wrapper { width:100%; padding:0;}
#header .left { width:21%; margin-right:0;}
#header .logo { width:100%;}
#header .logo img, header.smaller .logosmall img { width:100%;}
.header, .banner { width:100%;}
.footer, .slider-section { width:100%;}
.container, .caption-wrapper { width:100%; padding:0 20px;}
#header .nav { margin-top:0;}
#header .nav li { padding:0 10px;}
.services .box p { display:table;}
.bx-wrapper .bx-next, .product-search { right:20px !important;}
.bx-wrapper .bx-prev { left:90% !important;}
.bx-controls-direction { width:100% !important;}
.footer-links h5 { font-size:14px;}
.products .box .thumb { height:auto;}
.products .box .thumb img { width:auto; height:auto;}
.products h4 { font-size:17px;}
.services .box{margin-bottom:20px !important;}
.services .spacer40{height:auto !important;}
.caption-style-1 li, .caption-style-4 li{ width:20%; margin-right:40px !important; padding: 0 0 20px !important;}
.caption-style-1 li:last-child, .caption-style-4 li:last-child{ margin:0px !important;}
.camera_target_content{width:100%; display:block;}
.caption{margin-left:12px; bottom:60px;}
.feature-boxes h3{ font-size:17px;}
}

@media screen and (max-width:1024px) and (min-width:813px) {
.section-top{padding: 110px 0 0 20px;}	
.section-top-abt{padding: 110px 0 60px 20px;}	
.dash-search{padding-bottom:20px;}

}

@media screen and (max-width:1136px) and (min-width:1025px) {
.caption{width:50%; margin-left:12px;}	
.camera_target_content{width:100%; display:block;}
}

@media screen and (max-width:767px) and (min-width:625px) {
.news li{width:50%; min-height:85px;}
}

@media screen and (max-width:767px) and (min-width:700px) {
.caption-style-1 li, .caption-style-4 li{width:33% !important;} 
.equalizer{width:100% !important;}
.equalizer .news li{display:inline-block; width:50%; float:left;}
.equalizer .news li:nth-child(2){ position:relative; left:20px;}
.equalizer .news li:nth-child(4){ position:relative; left:20px;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (max-width:990px) and (min-width:768px) {
.caption{width:50%;}
.new-products .col-4{width:50%; margin-bottom:3% !important;}
.equalizer{width:100% !important;}
.equalizer .news li{display:inline-block; width:50%; float:left;}
.equalizer .news li:nth-child(2){ position:relative; left:20px;}
.equalizer .news li:nth-child(4){ position:relative; left:20px;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (max-width:769px) and (min-width:480px) {
.ftera .col-6{width:100%; padding-left:40px;}	
.feature-section h2, .section-benefit h2, .section-advt h2{padding-left:20px;}
.section-advt h2{ font-size: 30px;}
}

@media screen and (max-width:667px) and (min-width:480px) {
.news .col-4{width:100% !important;}
.equalizer{width:100% !important;}
.equalizer .news li{display:inline-block; width:50%; float:left;}
.equalizer .news li:nth-child(2){ position:relative; left:20px;}
.equalizer .news li:nth-child(4){ position:relative; left:20px;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (max-width:670px) and (min-width:480px) {
.news .col-4{width:100% !important;}
.equalizer{width:100% !important;}
.equalizer .news li{display:inline-block; width:50%; float:left;}
.equalizer .news li:nth-child(2){ position:relative; left:20px;}
.equalizer .news li:nth-child(4){ position:relative; left:20px;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (max-width:699px) and (min-width:485px) {
.caption-style-1 li, .caption-style-4 li{width:50% !important;} 
.equalizer{width:100% !important;}
.equalizer .news li{display:inline-block; width:50%; float:left;}
.equalizer .news li:nth-child(2){ position:relative; left:20px;}
.equalizer .news li:nth-child(4){ position:relative; left:20px;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (max-width:730px) and (min-width:660px) {
.caption-style-1 li, .caption-style-4 li{width:33% !important;} 
.camera_target_content{width:100%; display:block;}
}

@media screen and (max-width:900px) and (min-width:768px) {
.caption-style-1 li, .caption-style-4 li{width:27% !important;} 
.camera_target_content{width:100%; display:block;}
}

@media screen and (max-width:868px) and (min-width:481px) {
.news .col-4{width:100% !important;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (max-width:870px) and (min-width:770px) {
.footer-wrapper .col-13{width:33% !important;}
.footer-links ul{min-height:290px !important;}
.copyright .col-13{width:100% !important;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (min-width: 29.938em) and (max-width:667px) {
#light-gry .container, #light-gry .col-4{ width:100%; padding:0 20px;}	
.equalizer{width:100% !important;}
.equalizer .news li{display:inline-block; width:100%; float:left;}
.equalizer .news li:nth-child(2){ position:relative; left:0;}
.equalizer .news li:nth-child(4){ position:relative; left:0;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (min-width:29.938em) and (max-width:659px) {
.caption-style-4 .blur{top:5px !important; height:160px !important;}
.camera_target_content{width:100%; display:block;}	
}

@media screen and (min-width:901px) and (max-width:980px) {
.caption-style-1 li, .caption-style-4 li{width:22%; min-height:220px;} 	
.caption-style-1 li, .caption-style-4 li:nth-child(4){margin-right:0px !important;}
.caption-style-1 li, .caption-style-4 li:nth-child(8){margin-right:0px !important;}
.caption-style-1 li, .caption-style-4 li:nth-child(12){margin-right:0px !important;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (min-width:658px) and (max-width:936px) {
.caption-style-1 li, .caption-style-4 li{width:21.5%; min-height:220px;} 
.camera_target_content{width:100%; display:block;}	
}

@media screen and (min-width:720px) and (max-width:900px) {
.caption-style-1 li, .caption-style-4 li{width:20.5% !important; min-height:220px; margin-right:32px !important;} 
.products h4{font-size:14px;}	
.camera_target_content{width:100%; display:block;}
}

@media screen and (min-width:685px) and (max-width:866px) {
.caption-style-1 li, .caption-style-4 li{width:27.5% !important; min-height:220px; margin-right:32px !important;} 
.products h4{font-size:14px;}	
.camera_target_content{width:100%; display:block;}
}

@media screen and (min-width:680px) and (max-width:812px) {
.bxmain{width:22%;}
}

@media screen and (min-width:640px) and (max-width:679px) {
.bxmain{width:22%;}
}

@media screen and (min-width:640px) and (max-width:679px) {
.bxmain{width:29%;}
}

@media screen and (min-width:560px) and (max-width:820px) {
.bxmain{width:30.33%;}
}

@media screen and (min-width:480px) and (max-width:559px) {
.bxmain{width:46.55%;}
}

@media screen and (min-width:545px) and (max-width:659px) {
.caption-style-1 li, .caption-style-4 li{width:27.5% !important; min-height:220px; margin-right:28px !important; overflow:hidden !important;} 	
.products h4{font-size:14px;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (min-width:545px) and (max-width:551px) {
.caption-style-1 li, .caption-style-4 li{width:43% !important; min-height:220px; margin-right:28px !important; overflow:hidden !important;} 	
.products h4{font-size:14px;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (min-width:450px) and (max-width:480px) {
.caption-style-1 li, .caption-style-4 li{float:left; padding:0px; margin:0 auto !important; width:50%;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (min-width:750px) and (max-width:865px) {
.caption-style-1 li, .caption-style-4 li{width:29.2% !important; min-height:220px; margin-right:28px !important; overflow:hidden !important;} 	
.products h4{font-size:14px;}
.camera_target_content{width:100%; display:block;}
}

@media screen and (min-width:320px) and (max-width:625px) {
.news li{width:100%; min-height:85px;}
}
