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

@media screen and (max-width: 1100px){

.slider_wrap .bx-controls-direction { display:none;}

}


@media screen and (max-width: 999px){

.wrapper { width:96%;}

.slide_content { margin-top:7%; font-size:95%;}
.slide_title { line-height:55px; font-size:4em;}


.row.welcome_content .col4 { min-height:400px;}
.row.welcome_content h2 { font-size:1.28em;}

.video { height:190px;}

}


@media screen and (max-width: 980px){

.body { font-size:95%;}

}


@media screen and (max-width: 930px){

.top_nav ul li a { padding:0 10px;}

.slide_content, .slider_img { width:50%;}
.slider_img { margin-top:6%;}
.slider_wrap a.learn_more { line-height:26px;}
.slider_wrap .bx-wrapper .bx-pager, .slider_wrap .bx-wrapper .bx-controls-auto { position:static; margin:10px 0;}

}

@media screen and (max-width: 850px){

.row.welcome_content .col4 { min-height:450px;}

}

@media screen and (max-width: 800px){

}

@media screen and (max-width: 768px){

body { font-size:90%;}

}

@media screen and (max-width: 767px){

.wrapper { width:94%;}

.logo { width:30%; float:none; margin:10px auto 0;}

.top_content { float:none; margin:0 auto;}
.top_content .text { display:none;}

.tel_for_mobile { display:block; text-align:center; margin:10px 0; font-size:20px; font-weight:600;}

.wrapper.nav_wrap { float:left; width:100%;}

.collapse-button { float:right; background:url(../images/nav-icon.png) center no-repeat #2088BF; width:40px; height:30px; text-indent:-999999px; overflow:hidden; border-radius:3px; cursor:pointer;}
.collapse-button:hover { background-color:#4298CC;}
.menu-collapser { line-height:30px; font-weight:600; color:#fff; font-size:1.2em;}
.top_nav ul li .sub-collapser { top:0px; right:0px; width:35px; height:35px; text-align:center; background-color:#0C6DA2;}
.top_nav ul li .sub-collapser:hover { cursor:pointer;}
.top_nav ul li .sub-collapser i { color: #fff; float: left; font-size: 1.25em; padding: 5px 0; text-align: center; width: 100%;}
.top_nav { right:10px; top:0px; z-index:10001; float:left; width:100%; padding:5px 3%; background-color:#006196; border-bottom:1px solid #fff;}
.top_nav ul { display:none; position:absolute; top:55px; right:3%; width:230px; padding:10px; z-index:110; background-color:rgba(0 ,0,0,0.9);}
.top_nav ul li { float:left; width:100%; margin-right:0px; border-bottom:1px solid #fff; position:relative;}
.top_nav ul li:last-child { border-bottom:0px;}
.top_nav ul li a { width:210px; line-height:normal; padding:9px 45px 9px 10px; border-right:0px; margin-bottom:0px;}
.top_nav ul li a:hover, .top_nav ul li.active a { background-color:#0c6da2; text-shadow:none;}
.top_nav ul li:hover a { text-shadow:none;}
.top_nav ul li .sub-collapser { display:block;}
.top_nav ul li ul { display:block; position:inherit; top:0px; padding:0px !important; width:100%; background-color:transparent;}
.top_nav ul li ul::before { display:none;}
.top_nav ul li ul li { margin:0px;}
.top_nav ul li ul li { padding:0 !important; background-color:transparent;}
.top_nav ul li ul li a i { font-size: 14px; font-style: normal; margin-right: 5px;}
.top_nav ul li ul li a { padding:9px 10px; width:210px; border-bottom:none !important;}
.top_nav ul li ul li:first-child a{ margin-top:0px !important;}
.top_nav ul li ul li:last-child a { margin-bottom:0px !important;}
.top_nav ul li ul li ul { left:0; position:inherit;}

.slider_wrap { margin-top:40px; min-height:inherit;}

.slider_img { width:40%;}
.slide_content { width:55%; margin-top:20px;}

.row.welcome_content .col4:first-child { width:100%; min-height:inherit; margin-right:0px; margin-bottom:15px;}
.row.welcome_content .col4:first-child::after { display:none;}

.row.welcome_content .col4 { width:45%; margin-right:10%; min-height:360px;}
.row.welcome_content .col4:after { right:-12%;}
.row.welcome_content .thumb { width:100%;}

/*.ct_app .col3 { width:32%;}
.ct_app .col3:nth-child(4) { margin-right:0px;}
.ct_app .col3:last-child { margin-right:0px; width:100%; margin-top:5px;}
.ct_app .view_all { position:static; float:right;}
*/

.ct_app .col3 { width:48%; margin-right:2%; margin-bottom:10px;}
.ct_app .col3:nth-of-type(2n+2) { margin-right:0;}
.ct_app .col3 img { width:100%;}
.ct_app .col3:nth-of-type(3),
.ct_app .col3:nth-of-type(4) { margin-bottom:0;}

ul.img_gallery li { margin: 0 2% 15px 0; width:15%;}
ul.img_gallery li:nth-child(7n+7) { margin-right:2%;}
ul.img_gallery li:nth-child(6n+6) { margin-right:0px;}
ul.img_gallery li a img { width:80%;}

.form_wrap, .map_wrap { width:99%; margin-right:0px;}
.map_wrap { margin-top:20px;}

.video { width:32%;}

footer .text { display:block;}

}


@media screen and (max-width: 720px){

/*.slide_title { top:20px !important;}
.slide_content { top:100px !important; font-size:12px !important;}
*/

}


@media screen and (max-width: 640px){

.slide_title { font-size:3.5em; line-height:normal;}

ul.img_gallery li { margin: 0 2% 15px 0; width:18.35%;}
ul.img_gallery li:nth-child(6n+6) { margin-right:2%;}
ul.img_gallery li:nth-child(5n+5) { margin-right:0px;}

#login .col3,
#change_pass .col3,
#change_user .col3 { width:100%; max-width:420px;}



}

@media screen and (max-width: 603px){



}


@media screen and (max-width: 600px){

.equipment .col4 { width: 100%; margin-right: 0; height: auto !important;}
.equipment .col4::after { display: none;}
.equipment .col4 img { display: block; margin: 10px auto 0;}

}

@media screen and (max-width: 568px){

.video { width:48%; margin-right:4%; height:170px;}

#forgotpassword .col4 { width:100%; max-width:420px;}

}

@media screen and (max-width: 533px){

.logo { width:40%;}

.slide_title { font-size:3em; }

table.img_border { width:100%;}
table.img_border td { padding:5px;}
table.img_border td img { width:100%;}

ul.img_gallery li { margin: 0 3% 15px 0; width:22.7%;}
ul.img_gallery li:nth-child(5n+5), ul.img_gallery li:nth-child(6n+6), ul.img_gallery li:nth-child(7n+7) { margin-right:3%;}
ul.img_gallery li:nth-child(4n+4) { margin-right:0px;}

}

@media screen and (max-width: 480px){

.top_content { width:100%;}
.login_form { width:96%;}

.top_content .text { text-align:center; float:none;}

.slide_content { margin-top:10px;}
.slide_title { font-size: 2.75em; width:240px;}
.slider_img { margin-top:15%;}

}

@media screen and (max-width: 430px){

.slider_wrap a.learn_more { margin-top:0px; line-height:22px; font-size:10px;}

.row.welcome_content .col4 { width:100%; margin-right:0%; min-height:inherit;}
.row.welcome_content .col4:after { display:none;}

ul.img_gallery li { margin: 0 4% 15px 0; width:30.5%;}
ul.img_gallery li:nth-child(4n+4), ul.img_gallery li:nth-child(5n+5), ul.img_gallery li:nth-child(6n+6), ul.img_gallery li:nth-child(7n+7) { margin-right:4%;}
ul.img_gallery li:nth-child(3n+3) { margin-right:0px;}
ul.img_gallery li a img { width:80%;}

.form_wrap .form_area .col3, .form_wrap .form_area .col5, .form_wrap .form_area .col7 { width:100%; margin-right:0px; margin-top:5px;}
.form_wrap .form_area .col5, .form_wrap .form_area .col7 { margin-top:0;}

}

@media screen and (max-width: 360px){

.top_content .text { font-size:1em;}

.tel_for_mobile { font-size:16px;}

.login_form { margin-top:10px;}

.slider_img { margin-top:25%;}

ul.img_gallery li { margin: 0 6% 20px 0; width:47%;}
ul.img_gallery li:nth-child(3n+3), ul.img_gallery li:nth-child(4n+4), ul.img_gallery li:nth-child(5n+5), ul.img_gallery li:nth-child(6n+6), ul.img_gallery li:nth-child(7n+7) { margin-right:6%;}
ul.img_gallery li:nth-child(2n+2) { margin-right:0px;}
ul.img_gallery li a { width:160px;}



}


@media screen and (max-width: 320px){

.top_content .text { font-size:13px;}
.top_content .text span { margin-right:5px;}

.slider_img { margin-top:35%;}

}