/*
Theme Name: life2
Theme URI: 
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Media Queries
 *    15.1 - Mobile Large
 *    15.2 - Tablet Small
 *    15.3 - Tablet Large
 *    15.4 - Desktop Small
 *    15.5 - Desktop Medium
 *    15.6 - Desktop Large
 *    15.7 - Desktop X-Large
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/
 */
 
 
 
@font-face {
font-family: 'OpenSans-Light';
src: url('fonts/OpenSans-Light.eot');
src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light.svg#OpenSans-Light') format('svg'), url('fonts/OpenSans-Light.woff') format('woff'), url('fonts/OpenSans-Light.ttf') format('truetype'), url('fonts/OpenSans-Light.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
@font-face {
font-family: 'OpenSans-LightItalic';
src: url('fonts/OpenSans-LightItalic.eot');
src: url('fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg'), url('fonts/OpenSans-LightItalic.woff') format('woff'), url('fonts/OpenSans-LightItalic.ttf') format('truetype'), url('fonts/OpenSans-LightItalic.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}

@font-face {
font-family: 'ROBOTO-LIGHT';
src: url('fonts/ROBOTO-LIGHT.eot');
src: url('fonts/ROBOTO-LIGHT.eot?#iefix') format('embedded-opentype'), url('fonts/ROBOTO-LIGHT.svg#ROBOTO-LIGHT') format('svg'), url('fonts/ROBOTO-LIGHT.woff') format('woff'), url('fonts/ROBOTO-LIGHT.TTF') format('truetype'), url('fonts/ROBOTO-LIGHT.otf') format('truetype');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}

body {
	margin:0px;
	padding:0px;
	font-size:21px;
	font-family:OpenSans-Light, Helvetica, sans-serif;
	color:#323232;
	font-weight:normal;
	background-color:#fff;
}
a img {
	border:0px;
}
a {
	text-decoration:none;
	-moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
a:hover {
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal!important;
	margin:0px;
	padding:0px;
}
ul {
	margin:0px;
	padding:0px;
}
ul li {
	list-style:none;
}
p {
	margin:0px;
	padding:0px;
}
input:focus {
	outline:none;
}
.fl {
	float: left;
}
.fr {
	float: right;
}

#banner{padding:0px; float:left; width:100%; position:relative;}

.banner_img{position:relative; float:left; width:100%;}
.banner_img img{width:100%;}
.logo{position:absolute; top:175px; text-align:center; width:100%; text-align:center;}

#about{float:left; width:100%; background:#fff; padding:20px 0px;}
.about_content{padding:0px; width:1145px; margin:0 auto; text-align:center;}
.about_content p{line-height:33px; padding:20px 0px;}

#questions_about{float:left; width:100%; background:#189bdf; padding:25px 0px;}
.questions_about_content{padding:0px; width:985px; margin:0 auto;}
.questions_about_content p{line-height:33px; color:#fff; padding-bottom:23px; text-align:center;}
.questions_about_content a{display:block; width:245px; text-align:center; line-height:45px; border-radius:5px; background:#1e1e1e; color:#fff; font-size:20px; margin:0 auto;}
.questions_about_content a:hover{background:#000;}

#footer{float:left; width:100%; background:#fff; padding:40px 0px;}
.footer_content{width:510px; margin:0 auto; position:relative;}
.footer_content p{font-size:15px; font-family:OpenSans-LightItalic, Helvetica, sans-serif; color:#252525; text-align:center;}

.footer_logo{padding:0 0 30px 0px; float:left; width:100%; border-bottom:solid 4px #27a2e1;}
.footer_logo ul{padding:0px;}
.footer_logo li{display:inline-block; padding:0px 12px;}
.footer_logo li a{display:block; opacity:1;}
.footer_logo li a:hover{opacity:0.7;}

.hide {
position: absolute;
left:45%;
display:none;
top:57%;
background-color:#189BDF;
width: 180px;
border-top:none!important;
padding: 10px;
text-align:center;
color: white;
border: #045883 2px dashed;
display: none;
}


.footer_links{padding:30px 0 15px 0px; float:left; width:100%;}
.footer_links li{float:left; padding-left:117px; color:#189bdf; font-size:15px;} 
.footer_links li a{color:#252525; display:inline-block; padding-left:15px;}
.footer_links li a:hover{text-decoration:underline;}

/****************************************************/

.compare_models {
	padding:30px 0 0px 0px;
	float:left;
	width:100%;
}
.compare_models h1 {
	font-size:50px;
	color:#363636;
	letter-spacing:1px;
	text-align:center;
	/*font-family:HelveticaNeueLight, Helvetica, sans-serif;*/
	font-weight:normal;
}
.compare_models h2 {
	font-size:25px;
	color:#767676;
	line-height:40px;
	text-align:center;
	font-family:HelveticaNeueLight, Helvetica, sans-serif;
	font-weight:normal;
}



.docking-solutions_mobile{float:left; width:100%; padding:30px 0px; text-align:center; display:none;}
.docking-solutions_mobile img{width:100%;}

.docking-solutions_box{float:left; width:100%;}
.docking-solutions {
    margin: 0 auto;
    padding: 0;
    width: 1200px;
}
.docking-solutions .caps{text-transform:uppercase; background:#f6f3f3;}
.docking-solutions .cer_blue{background:url(images/blue_dot.png) no-repeat center; color:#fff;}
.docking-solutions .cer_bordor{background:url(images/des_dot.png) no-repeat center;}
.docking-solutions .text{float: left;
    font-size: 10px;
	width:100%;
    position: relative;
    top: 22px;}
.docking-solutions table {
	overflow:hidden;
	border:1px solid #d3d3d3;
	background:#fefefe;
	width:100%;
	color:#555;
	font-size:12px;
	margin:30px 0px;
	-moz-border-radius:5px; /* FF1+ */
	-webkit-border-radius:5px; /* Saf3-4 */
	border-radius:5px;
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.docking-solutions th, td {
	padding:22px 6px;
	text-align:center;
}
.docking-solutions th, td a{color:#555; text-decoration:none;}
.docking-solutions td a:hover{text-decoration:underline;}
.docking-solutions th {
	text-shadow: 1px 1px 1px #fff;
	background:#e8eaeb;
}
.docking-solutions td {
	border-top:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
}
.docking-solutions tr.odd-row td {
	background:#f6f6f6;
}
.docking-solutions td.first, th.first {
	text-align:left
}
.docking-solutions td.last {
	border-right:none;
}
/*
	Background gradients are completely unnecessary but a neat effect.
	*/
	
.docking-solutions td {
	background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
	background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}
.docking-solutions tr.odd-row td {
	background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
	background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}
.docking-solutions th {
	background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
	background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
}
/*
	I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.
	Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius
	
	And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
	*/
	
.docking-solutions tr:first-child th.first {
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px; /* Saf3-4 */
}
.docking-solutions tr:first-child th.last {
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px; /* Saf3-4 */
}
.docking-solutions tr:last-child td.first {
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
}
.docking-solutions tr:last-child td.last {
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
}



.table_dis{padding:0px; float:left; display:inline-block; float:right;}
.table_dis ul{padding:0px;}
.table_dis li{color:#575757; font-size:12px; list-style:none; display:inline-block; padding:0px 5px;}
.table_dis li span{float:left; padding-right:8px;}




/*****25-07*****/


.header{float:left; width:100%; padding:22px 0px; background:#fff;}
.navbar-fixed-top, .navbar-fixed-bottom{box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);}
.wrapper{width:1145px; margin:0 auto; font-family:ROBOTO-LIGHT, Helvetica, sans-serif;}
.logo2{float:left; display:inline-block; width:100%; text-align:center;}
.logo2 img{width:120px;}

.nav{padding:0 0 0 18px; margin-top: 30px!important;}
.nav ul{padding:0px; margin:0px;}
.nav li{float:left; position:relative;}
.nav li a{padding:10px 6px; color:#877a6d; text-transform:uppercase; text-transform:uppercase; font-size:12px; margin:0 1px; border-radius: 4px;} 
.nav li a:hover, .nav li a.active{background:#289ad6; color:#fff;}

.nav ul li ul {
	position:absolute;
	z-index:999;
	width:200px;
	padding-top:30px;
	opacity: 0;
	visibility: hidden;
-webkit-transition: all .5s .1s;
 -moz-transition: all .5s .1s;
 -o-transition: all .5s .1s;
 transition: all .5s .1s;
}
.nav ul li:hover ul {
	opacity: 1;
	padding-top:20px;
	visibility: visible;
}
.nav ul li ul li {
	float:left;
	width:100%;
	padding:0;
	margin:0px;
        background:#289ad6;
}
.nav ul li ul li:last-child {
	border:none;
}
.nav ul li ul li a {
	text-transform:capitalize;
	color:#fff;
	display:block;
}

#navigation li.current-menu-item a{background:#289ad6; color:#fff;}

.loop{float:left; width:100%; padding:50px 0px;}
.heading{float:left; width:100%; text-align:center; border-bottom: 1px solid #877a6d; padding-bottom:10px;}
.heading h1{line-height:40px; font-size:30px; padding-bottom:10px; color:#877a6d; font-weight:normal;}
.heading p{font-size:17px; line-height:20px; color:#181a1c;}
.loop-img{margin-top:35px; float:left; width:100%; text-align:center;}


.design-covers{padding:50px 0px; float:left; width:100%;}
.design-covers ul{float:left; width:100%; padding:50px 0px; text-align:center; margin:0px;}
.design-covers li{width:auto; text-align:center; display:inline-block; padding:0px 80px;}
.circular {
    border-radius: 150px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
    height: 50px;
    width: 50px;
}
.design-covers li h3{font-size:17px; line-height:35px; color:#000; display:block; font-weight:normal;}
.design-covers p{font-size:16px; float:left; width:100%; line-height:27px;}

.functionalities{padding:50px 0px; float:left; width:100%; text-align:center;}
.functionalities ul{padding:0px; float:left; width:100%; margin:0px;}
.functionalities li{width:250px; float:left; padding:0px 15px; margin-top:70px;}
.functionalities li h3{font-size:24px; line-height:30px; color:#181a1c; display:block; padding:10px 0 5px 0px; font-weight:normal!important;}
.functionalities li p{font-size:17px; line-height:30px; color:#181a1c;}
.functionalities p.text{font-size:16px; float:left; width:100%; text-align:left; padding-top:50px; line-height:27px; float:left; width:100%;}
 .zoom-in {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    transition: all 250ms ease;
}
.zoom-in:hover {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

.renewable{float:left; width:100%; padding:50px 0px;}
.renewable p{font-size:17px; color:#181a1c; line-height:27px; float:left; width:100%;}
.renewable-img{float:left; width:100%; padding-top:50px;}
.renewable-img img{
    border-radius: 25px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
	width:100%;
}
.renewable-bottom-text{float:left; width:100%; text-align:center; padding:50px 0px;}
.renewable-bottom-text p{display:block; float:left; width:100%; padding:20px 0px; font-size:17px; line-height:30px; color:#181a1c;}
.renewable-bottom-text img{width:200px;}

.manufactory{float:left; width:100%; padding:50px 0px;}
.manufactory-top-img{float:left; width:100%; padding:50px 0px;}
.manufactory-top-img img{width:800px;}
.manufactory-bottom-imgs{float:left; width:100%;}
.manufactory-bottom-imgs img{border-radius: 25px; width:100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);}
.manufactory-bottom-imgs-left{float:left; width:48%;}
.manufactory-bottom-imgs-right{float:right; width:48%;}

.downloads{float:left; width:100%; background:#f5f5f5; padding:55px 0px;}
.downloads-links{float:left; width:100%; padding-top:80px;}
.marketing{float:left; width:50%; text-align:center;}
.marketing h1{color:#181a1c; line-height:40px; font-size:25px; display:block; padding-bottom:20px;}
.marketing ul{padding:0px; margin:0px;}
.marketing li{display:block; padding:3px 0px;}
.marketing li span{padding-right:5px;}
.marketing li a{color:#877a6d; font-size:17px;}
.marketing li a:hover{color:#000;}

.chosen {
    box-shadow: 0 0 5px rgba(234, 84, 17, 1);
}

/******************************31/08/2016**********************/
.whylife2 {width:100%; float:left; font-family: "Helvetica Neue",Arial, sans-serif; color:#333333;}
.whylife2 ul {margin:0px; padding:0px;}
.whylife2 ul li {list-style:decimal; line-height:32px; font-size:14px; color:#333333;}

.whylife2img{width:100%; margin-top: 18px;}

.whylife2content{margin-top: 19px; margin-left: 15px;}


/*****************************12/10/2016***********************/

.ethernet-connection{padding:0px; float:left; width:100%; margin:0 0 50px 0;}

.take-cable{padding:30px 0px; float:left; width:100%; font-family: "Helvetica Neue",Arial, sans-serif;}
.take-cable h2{line-height:40px; font-size:30px; padding-bottom:20px; color:#877a6d;}
.take-cable p{float:left; width:100%; padding-bottom:20px; color:#333333; font-size:15px; line-height:20px;}
.take-cable p a{color:#5d5d5d;}
.take-cable p a:hover{color:#000;}
.take-cable-img{text-align:center; padding:30px 0px;}

.interface-img{width:48%;}
.interface-img img{width:100%; height: 365px;}


/*************************** 13/10/2016******************************/
.buybutton{
	font-size: 16px;
    line-height: 2.00625;
    font-weight: 500;
    letter-spacing: normal;
    background-color: #289ad6;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(28,115,184,0.64);
    white-space: nowrap;
    font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif;
}



/***12-10***/

.ethernet-connection{padding:0px; float:left; width:100%;}

.take-cable{padding:30px 0px; float:left; width:100%;}
.take-cable h2{line-height:40px; font-size:30px; padding-bottom:20px; color:#000;}
.take-cable p{float:left; width:100%; padding-bottom:20px; color:#000; font-size:18px; line-height:27px;}
.take-cable p a{color:#5d5d5d;}
.take-cable p a:hover{color:#000;}
.take-cable-img{text-align:center; padding:30px 0px;}

.interface-img{width:48%;}
.interface-img img{width:100%;}


.downloads-page{float:left; width:100%; margin:50px 0 0 0px; border:solid 1px #ccc; padding-bottom:5px; border-radius:5px; overflow:hidden;}
.downloads-page h1{padding-bottom:0px;}
.downloads-page h2{font-size:25px; color:#000; background:rgba(158, 158, 158, 0.51); display:block; padding:7px 15px; margin:0px;}
.pushlogo-img{float:left; width:100%; padding-top:50px; text-align:center;}



/***13-07***/

.ipad-generation{float:left; width:100%; padding:40px 0px;}
.ipad-generation h1{display:block; padding-bottom:20px; font-size:35px; font-family:ROBOTO-LIGHT, Helvetica, sans-serif; font-weight:normal;}
.ipad-generation h3{display:block; background:#ccc; padding:5px 15px; font-size:20px; font-family:ROBOTO-LIGHT, Helvetica, sans-serif; font-weight:normal;}
.ipad-generation p{float:left; width:100%; padding-bottom:15px; font-size:17px; line-height:27px;}

.ipad-generation-top{float:left; width:100%; padding:15px 0px;}
.ipad-generation-top-left{float:left; width:68%;}
.ipad-generation-top-right{float:right; width:30%; text-align:center;}
.ipad-generation-top-right img{max-width:100%;}

.ipad-generation-top ul{padding:0px; margin:0px;}
.ipad-generation-top li{padding:15px 0 0 0px; border-bottom:solid 1px #ccc; float:left; width:100%;}
.padd-100{padding-top:100px;}

.fixed-mount-range { float:left; width:100%; margin-top:20px;}

.fixed-mount-range-top-left { float:left; width:35%;}
.fixed-mount-range-top-right { float:right; width:64%;}
.fixed-mount-range-top-right p { font-size:16px; float:left; width:100%; line-height:27px;}
.fixed-mount-range-top-right h3 { margin:0px; font-size:22px;}

.fixed-mount-range-left { float:left; width:30%;}
.fixed-mount-range-middle { float:left; width:30%; margin:0px 3% 0px 3%;}
.fixed-mount-range p { font-size:16px; float:left; width:100%; line-height:27px;}
.fixed-mount-range h3 { margin:0px; font-size:21px; line-height:28px; text-align:center; padding-bottom:10px;}
.fixed-mount-range-right { float:left; width:30%;}


.fixed-mount-chose-option { width:91%; margin-top:30px; text-align:center;}
.fixed-mount-chose-option li { margin-right:30px; display:inline-block;}
.fixed-mount-chose-option img {    
    border-radius:150px;
    box-shadow:0 0 8px rgba(0, 0, 0, 0.5);
    height:50px;
    width:50px;
	cursor:pointer;
}

.page-id-556 .heading h1 { padding-bottom:0px;}

.fixedmount_left { float:left; width:45%;}
.fixedmount_right {float:right; width:55%; margin-top:225px;}
.fixedmount_right li { font-size:19px; line-height:38px; color:#181a1c; padding-bottom:10px; list-style:disc;}

/******************Table Top Page Section************************/

.free-flex-section { float:left; width:100%; margin-top:40px;}
.free-flex-section .free-flex-content { float:left; width:100%; margin-bottom:20px;}
.free-flex-section .free-flex-left-section { float:left; width:50%;}
.free-flex-section .free-flex-right-section { float:right; width:48%; margin-left:2%;}
.free-flex-section h3 {    
    font-size:24px;
    line-height:30px;
    color:#181a1c;
    display:block;
    padding:10px 0 5px 0px;
    text-transform:uppercase;
}
.free-flex-section p { text-align:left; line-height:27px; font-size:16px;}
.installation-varies {    
    float:left;
    width:48%!important;
    margin-right:2%;
	padding:0px!important;
}
.installation-varies h3 {    
    font-size:24px!important;
    line-height:30px;
    color:#181a1c;
    display:block;
    padding:10px 0 5px 0px;
    text-transform:uppercase;
}
.installation-varies p { text-align:left; line-height:27px; font-size:16px;}
.get-inspired ul { margin:0px!important;}
.get-inspired ul li { float:left; width:25%!important; padding:0px!important;}
.get-inspired ul li img { width:100%;}

.texhnical-data-section { float:left; width:100%; background:#f9f9f9; padding:50px 0px;}
.texhnical-data-section .texhnical-data-left-section { float:left; width:75%;}
.texhnical-data-section .texhnical-data-left-section ul li { float:left; width:50%; padding-bottom:50px;}
.texhnical-data-section .texhnical-data-left-section ul li h3 {
    font-size:30px;
    line-height:30px;
    color:#000;
    display:block;
    padding:10px 0 5px 0px;
}
.texhnical-data-section .texhnical-data-left-section ul li p { font-size:16px; }
.texhnical-data-section .texhnical-data-left-section a {    
    color:#525c66;
    font-size:14px;
    line-height:55px;
    height:55px;
    font-weight:700;
    font-family:Dosis;
    letter-spacing:2px;
    text-transform:uppercase;
    border:1px solid #525c66;
    border-width:3px;
    padding:20px;
    margin-left:25px;
}
.texhnical-data-section .texhnical-data-left-section a:hover { background:#525c66; color:#FFFFFF;}

.texhnical-data-section .texhnical-data-right-section { float:right; width:25%;}
.texhnical-data-section .texhnical-data-right-section img { width:100%;}


/******************DOWNLOAD 2 PAGE SECTION************************/

.download-page-section { float:left; width:100%; margin-top:40px;}
.download-page-section h3 { font-size:24px; line-height:30px; color:#181a1c; display:block; padding:10px 0 5px 0px; margin:0px;}
.download-page-section a { color:#525c66; font-size:10px; line-height:55px; height:55px; font-weight:700; font-family:Dosis; letter-spacing:2px; text-transform:uppercase; border:1px solid #525c66; border-width:3px; padding:12px 10px; margin-right:10px; border-radius:5px;}
.download-page-section a:hover { background:#525c66; color:#FFFFFF;}

/******************RESPONSIVE************************/


@media only screen and (min-width: 960px) and (max-width: 1144px) {
.logo{top:80px;}
.logo img{width:70%}
.about_content, .questions_about_content{width:98%;}
.docking-solutions{width:100%;}
.models_img1{width:45%!important;}
.models_imgs{width:100%;}
.menu ul{width:95%;}
.tcsecurity img{width:100%;}

.wrapper{width:92%;}
.design-covers li{padding:0px 50px;}

.nav li a { padding:10px 5px; font-size:12px;}

.home_video { width:100%;}
.home_video iframe { width:100%; height:165px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.logo{top:40px;}
.logo img{width:70%}
.about_content, .questions_about_content{width:98%;}
.docking-solutions{width:100%;}
.docking-solutions th, td{padding:30px 0px;}
.docking-solutions_mobile{display:block;}
.docking-solutions_box{display:none;}
.models_img1{width:40%!important;}
.models_img1{border:none;}

.wrapper{width:92%;}
.design-covers li{padding:0px 15px;}

.loop {padding: 15px 0px;}
.navbar {margin-top:30px;}
.navbar .nav { display:none!important;}
#wprmenu_bar { display:block;}
.fadeInDown { top:12px!important;}
.logo2{width:100%; text-align:center;}

.home_video { width:100%; height:400px;}
.home_video iframe { width:100%; height:165px;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.logo{top:40px;}
.logo img{width:70%}
.about_content, .questions_about_content, .footer_content{width:98%;}
.footer_logo li{width:47%; padding:1%; text-align:center;}
.hide{top:71%;}
.docking-solutions{width:100%;}
.docking-solutions th, td{padding:30px 0px;}
.docking-solutions_mobile{display:block;}
.docking-solutions_box{display:none;}
.models_img1{width:100%;}
.wrapper{width:92%;}
.marketing{width:100%;}
.loop {padding: 15px 0px;}
.navbar .nav { display:none!important;}
.fadeInDown { top:42px!important;}
.logo2{width:100%; text-align:center;}

.ipad-generation-top-left{width:100%;}
.ipad-generation-top-right{width:100%;}
.padd-100{padding-top:30px;}

.home_video { width:100%; height:400px;}
.home_video iframe { width:100%; height:165px;}

.fixed-mount-range-top-left { width:100%;}
.fixed-mount-range-top-right { width:100%;}
.fixed-mount-range-left { float:left; width:100%; margin-bottom:50px;}
.fixed-mount-range-middle { float:left; width:100%; margin-bottom:50px;}
.fixed-mount-range-right { float:left; width:100%;}

.fixedmount_left { width:100%;}
.fixedmount_right {width:100%; margin-top:30px;}

}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.logo{top:20px;}
.logo img{width:70%}
.about_content, .questions_about_content, .footer_content{width:98%;}
.footer_logo li{width:47%; padding:1%; text-align:center;}
.hide{left:26%; top:66%;}
.docking-solutions{width:100%;}
.docking-solutions th, td{padding:30px 0px;}
.docking-solutions_mobile{display:block;}
.docking-solutions_box{display:none;}
.models_img1{width:100%!important;}
.wrapper{width:92%;}
.marketing{width:100%;}
.loop {padding: 15px 0px;}
.navbar .nav { display:none!important;}
.fadeInDown { top:42px!important;}
.logo2{width:100%; text-align:center;}

.ipad-generation-top-left{width:100%;}
.ipad-generation-top-right{width:100%;}
.padd-100{padding-top:30px;}

.home_video { width:100%; height:400px;}
.home_video iframe { width:100%; height:165px;}

.fixed-mount-range-top-left { width:100%;}
.fixed-mount-range-top-right { width:100%;}
.fixed-mount-range-left { float:left; width:100%; margin-bottom:50px;}
.fixed-mount-range-middle { float:left; width:100%; margin-bottom:50px;}
.fixed-mount-range-right { float:left; width:100%;}

.fixedmount_left { width:100%;}
.fixedmount_right {width:100%; margin-top:30px;}

.free-flex-section .free-flex-left-section , .texhnical-data-section .texhnical-data-left-section, .texhnical-data-section .texhnical-data-right-section, .installation-varies{ width:100%!important;}
.texhnical-data-section .texhnical-data-left-section ul li { padding-bottom:20px; width:100%!important;}
.free-flex-section .free-flex-right-section { width:98%;}


}
@media only screen and (max-width: 479px) {
.logo{top:20px;}
.logo img{width:70%}
.about_content, .questions_about_content, .footer_content{width:98%;}
.footer_logo li{width:47%; padding:1%; text-align:center;}
.hide{left:15%; top:62%;}
.docking-solutions{width:100%;}
.docking-solutions th, td{padding:30px 0px;}
.docking-solutions_mobile{display:block;}
.docking-solutions_box{display:none;}
.models_img1{width:100%!important;}
.wrapper{width:92%;}
.nav{padding-left:5px;}
.nav li a{padding:10px 6px;}
.design-covers li{padding:15px 0px;}
.functionalities li{padding:0px;}
.marketing{width:100%;}
.functionalities li{width:290px;}
.loop {padding: 15px 0px;}
.navbar .nav { display:none!important;}
.fadeInDown { top:42px!important;}
.logo2{width:100%; text-align:center;}

.ipad-generation-top-left{width:100%;}
.ipad-generation-top-right{width:100%;}
.padd-100{padding-top:30px;}

.home_video { width:100%; height:165px;}
.home_video iframe { width:100%; height:165px;}

.fixed-mount-range-top-left { width:100%;}
.fixed-mount-range-top-right { width:100%;}
.fixed-mount-range-left { float:left; width:100%; margin-bottom:50px;}
.fixed-mount-range-middle { float:left; width:100%; margin-bottom:50px;}
.fixed-mount-range-right { float:left; width:100%;}

.fixedmount_left { width:100%;}
.fixedmount_right {width:100%; margin-top:30px;}

.free-flex-section .free-flex-left-section , .texhnical-data-section .texhnical-data-left-section, .texhnical-data-section .texhnical-data-right-section, .installation-varies{ width:100%!important;}
.texhnical-data-section .texhnical-data-left-section ul li { padding-bottom:20px; width:100%!important;}
.free-flex-section .free-flex-right-section { width:98%;}


}