@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Coda:400,800);
@import url(fonts/Aller Light.ttf);
* {
margin:0px;
padding:0px;
}
body {
background:#fff;
}
#main_container {
width:76%;
margin:auto;
box-shadow: 0 0 6px rgba(0, 0, 0, .4);
}
#top_container {
width:96%;
margin:auto;
height:30px;
padding-top:2%;
}
#text_con {
width:94%;
margin:auto;
float:left;
}
#top_container p {
width:32%;
font-family:aller light;
font-weight:bold;
float:left;
font-size:18px;
font-style:italic;
color:#a70664;
}
.mail {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
width:25%;
font-size:14px;
color:#a70664;
margin-left:4%;
}
#social_con {
width:6%;
float:right;
}
#cotton_con {
width:100%;
height:13px;
background:#f74a4c;
position: relative;
}
#right_con {
background:url(../images/cotton.png) no-repeat top right;
height:71px;
width:100%;
position: absolute;
margin-top: -1.1%;
}
#logo_container {
width: 28%;
height: 70px;
float: left;
margin-bottom:2%;
margin-top: -1%;
margin-left: 2%;
}
#nav {
width: 62%;
height: 30px;
float: right;
margin-top: 3.7%;
}
#nav ul {
width:89%;
list-style:none;
}
#nav ul li {
}
#nav ul li a {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #5E5E5E;
font-weight: bold;
padding-right: 1.4%;
padding-left: 1.4%;
padding-top: 1.5%;
padding-bottom: 1.5%;
margin-left: 1%;
margin-right: 1%;
border-radius: 3px;
text-decoration: none;
float: left;
}
#nav ul li a:hover {
color:#fff;
background:#e67817;
}
#nav ul li a.active {
color:#fff;
background:#e67817;
}
#main_slider_bg {
width:100%;
height:335px;
background:url(../images/slider_bg.png) no-repeat top right;
margin-top:7%;
}
#slider {
width:60%;
height:362px;
float:left;
margin-top:-5%;
}
#slider img {
width:100%;
}
#slider_text {
width:39%;
float:right;
margin-top:-6%;
}
#slider_text p {
width:100%;
font-family:calibri;
font-size:20px;
color:#840469;
font-weight:bold;
}
.main_box {
width:100%;
margin-bottom:2%;
}
.middle_box {
width:100%;
height:165px;
}
.middle_box img{
width:100%;
}
.main_pro_con {
width:18%;
float:left;
margin-right:1.8%;
border:1px solid #e67817;
}
.product_name {
width:100%;
height:38px;
background:#2f74ba;
}
.product_name p {
font-family:calibri;
font-size:17px;
color:#ffff00;
text-align:center;
font-weight:bold;
line-height:38px;
}
#main_con_pro {
width:98%;
padding-left:1.8%;
padding-bottom:0.1%;
}
#footer {
width:100%;
height:40px;
border-top:1px solid #d4d4d4;
margin-top:2%;
}
#footer p {
font-family:calibri;
font-size:14px;
text-align:center;
line-height:20px;
margin-top:22px;
color:#2d2d2d;
width:100%;
}
#footer p a {
text-decoration:none;
color:#2d2d2d;
}
#footer p a:hover {
color:#f74a4c;
}
.footer_one{
width:36%;
float:left;
}
.footer_onetwo{
width:48%;
float:right;
}
/********************************  About Us ****************************************/
#inner_banners_container {
width:97%;
margin:auto;
}
#inner_banners_container img{
}
#about_banner {
margin-bottom:20px;
}
#leftbox_aboutus {
width:260px;
min-height:500px;
background:#fff;
float:left;
box-shadow: 0 0 6px rgba(0, 0, 0, .4);
background:url(../images/aboubg.jpg);
border-radius:7px;
margin-right:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
padding-top:10px;
}
#product_box {
width:260px;
height:42px;
background:#a50363;
border-radius:7px;
}
#product_box h2 {
font-family: 'Coda', cursive;
font-size:20px;
color:#fff;
line-height:42px;
margin-left:20px;
}
#left_nav {
margin-left:36px;
margin-top:15px;
padding-bottom:23px;
}
#left_nav ul {
list-style:none;
}
#left_nav ul li {
font-family:Verdana, Geneva, sans-serif;
font-size: 15px;

text-decoration: none;
list-style:url(../images/arrow.png);
line-height: 34px;
margin-top: 6px;
/* margin-left: 16px; */
padding-bottom: 4px;
border-bottom: 1px dashed #555555;
}
#left_nav ul li a {
text-decoration:none;
color:#23649e;
}
#left_nav ul li a.show{
color:#f74a4c;
font-weight:bold;
}
#left_nav ul li a:hover {
color:#f74a4c;
}
#rightbox_aboutus {
width:68%;
min-height:500px;
background:#fff;
float:left;
}
#rightbox_aboutus1 {
width:68%;
min-height:500px;
background:#fff;
float:right;
margin-right: 25px;
}
#rightbox_aboutus1 h2 {
font-family: 'Coda', cursive;
font-size:18px;
color:#f74a4c;
margin-top:10px;
border-bottom:1px solid #f74a4c;
padding-bottom:8px;
margin-bottom:15px;
}
#rightbox_aboutus1 p {
font-family:verdana;
font-size:12px;
color:#555555;
line-height:21px;
margin-bottom:20px;
text-align:justify;
}
#rightbox_aboutus h2 {
font-family: 'Coda', cursive;
font-size:18px;
color:#f74a4c;
margin-top:10px;
border-bottom:1px solid #f74a4c;
padding-bottom:8px;
margin-bottom:15px;
}
#rightbox_aboutus p {
font-family:verdana;
font-size:12px;
color:#555555;
line-height:21px;
margin-bottom:20px;
text-align:justify;
}
/******************** Desk top **************/
.main_box_desk {
width:98%;
margin-bottom:2%;
}
.middle_box_desk {
width:100%;
height:140px;
}
.main_pro_con_desk {
width:23%;
float:left;
margin-right:2.2%;
border:1px solid #2f74ba;
}
.product_name_desk {
width:100%;
height:38px;
background:#2f74ba;
}
#rightbox_aboutus .product_name_desk p {
font-family:calibri;
font-size:17px;
color:#ffff00;
text-align:center;
font-weight:bold;
line-height:38px;
}
.product_name_desk p {
font-family:calibri;
font-size:17px;
color:#ffff00;
text-align:center;
font-weight:bold;
line-height:38px;
}
#main_con_pro .main_box h1{
font-family:calibri;
font-size:25px;
margin-bottom:15px;
color:#901d78;
}
#rightbox_aboutus h1{
font-family:calibri;
font-size:25px;
margin-bottom:15px;
color:#901d78;
}
#rightbox_aboutus1 h1{
font-family:calibri;
font-size:25px;
margin-bottom:15px;
color:#901d78;
}
#main_con_pro_desk {
width:100%;
padding-left:1.8%;
}
#nav ul li a .bg_none a:hover{background:none;}
#inner_banners_container #about_banner .deskimg{
width:100%;
margin-top: 4%;
margin-left:0px;
}
#inner_banners_container img{
width:100%;
}
#inner_banners_container img {
width: 92%;
margin-top: 4%;
margin-left: 4%;
}
#inner_banners_container #rightbox_aboutus  #clients img{
width:112px;
height:72px;
margin-top:0px;
margin-left:0px;
margin-bottom:10px;
}
.frm{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;

}
td{
padding-bottom:5px;
}
table{
background:#cbe0f9;
padding:15px;
border-radius:7px;
}
.contactfrm{width: 95%;height: 20px;color: #464646;font-weight: normal;font: 14px;margin: 0;padding: 6px;font-weight: normal;border: none;background-color: #f0f0f0;border-top: 1px solid #d5d5d5; font-family:Arial, Helvetica, sans-serif; margin-bottom:7px;}
.but{width: 100px;padding: 10px 25px 10px 25px;cursor: pointer; background-color: #89c403;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;border: 1px solid #74b807;display: inline-block;color: #ffffff;font-size: 15px;font-weight: bold;padding: 6px 24px;text-decoration: none;text-shadow: 1px 1px 0px #528009;}
#gmap{
width:100%;
height:150px;
}
.contact_res{
float:left; width:55%; height:280px;
}
#contact_table{
float:right; width:41%; margin-bottom:20px;

}
#rightbox_aboutus ul{
list-style:none;
float:right;
}
#rightbox_aboutus ul li{
float:left;
}
#rightbox_aboutus h1{
width:380px;
float:left;
}
#rightbox_aboutus1 h1{
width:380px;
float:left;
}
#rightbox_aboutus ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#2d2d2d;
text-decoration:none;
margin-left:10px;
margin-right:10px;
float:left;
}
#rightbox_aboutus ul li a:hover{
color:#e67817;
}
#rightbox_aboutus ul li a.show{
color:#e67817;
}
@media only screen and (min-width:769px) and (max-width:991px) {
#right_con {

margin-top: 0px !important;
top: -12px !important;
}
}
@media only screen and (min-width:481px) and (max-width:768px) {
#main_container {
width: 94%;
}
#top_container {
width: 100%;
height: auto;
text-align: center;
}
#social_con {
width: 100%;

}
#right_con {

margin-top: 0%;
top: -12px;
}
#text_con {
width: auto;
margin: auto;
}
#top_container p {
width: 100%;
}
#logo_container {
width: 100%;
}
#nav {
width: 100%;
float: right;
margin-top: 3.7%;
height:50%;
}
#nav ul {
list-style:none;
}
#nav ul li {
}
#nav ul li a {
line-height: 30px;
padding-right: 6px;
padding-left: 6px;

}
#nav ul li a:hover {
}
#nav ul li a.active {
}
#main_slider_bg {
width:100%;
}
#slider {
width:100%;
float:left;
}
#slider img {
width:100%;
}
#slider_text {
width:100%;
float:right;
margin-bottom:3%;
margin-top:1%;
}
.main_box {
width: 99%;
margin-bottom: 20px;
}
.middle_box {
width: 100%;
height: auto;
overflow: hidden;
}
.main_pro_con {
width: 100%;
/* float: left; */
margin-right: 0px;
border: 1px solid #2f74ba;
margin-bottom: 20px;
}
#footer {
width:100%;
margin-top:2%;
}
#footer p {
line-height:24px;
width:100%;
}
.product_name p{
line-height: inherit;
}
.product_name {
width: 100%;
height: auto;
background: #2f74ba;
padding: 10px 0px;
}
#logo_container {
width: 100%;
float: none;
margin-top: 2px;
text-align: center;
height: auto;
/* height: auto; */
border-bottom: 2px solid #eee;
/* margin-left: 2%; */
margin-bottom: 20px;
}
.main_pro_con_desk {
width: 47%;
margin-bottom: 10px;
}
.middle_box_desk{
height: auto;
}
#rightbox_aboutus {
width: 100%;
}
#leftbox_aboutus {
width: 97%;
margin-right: 0px;
padding-right: 0px;
}
#rightbox_aboutus ul {
margin-bottom: 20px;
}
#inner_banners_container #rightbox_aboutus #clients img {
width: 24%;
height: auto;
}
}
@media only screen and (min-width:1225px) and (max-width:1246px) {
#rightbox_aboutus {
width: 67%;
}
}
@media only screen and (min-width:320px) and (max-width:480px) {
#main_container {
width: 93%;
padding: 0px 10px;
margin: auto;
box-shadow: none;
}
#rightbox_aboutus ul{
margin-bottom: 20px;
}
#rightbox_aboutus h1{
width: 100%;
}
#inner_banners_container #rightbox_aboutus #clients img {
width: 32%;
height: auto;
}
.product_name p{
line-height: inherit;
}
.product_name {
width: 100%;
height: auto;
background: #2f74ba;
padding: 10px 0px;
}
.footer_onetwo {
width: 100%;
float: none;
}
#main_con_pro {
width: 100%;
padding-left: 0px;
padding-bottom: 0.1%;
}
#top_container {
width: 100%;
/* text-align: center; */
margin: auto;
height: auto;
padding-top: 20px;
/* padding-left: 20px; */
margin-bottom: 11px;
}
.video_main {
width: 100% !important;
float: none !important;
margin-bottom: 10px !important;
border: 1px solid #eee !important;
padding: 0px !important;
margin-left: 0px !important;
}
#text_con {
width:95%;
margin:auto;
float:left;
}
#top_container p {
width:100%;
margin-bottom:4%;
float:left;
}
.mail {
width: 88%;
line-height: 150%;
margin-left: 0%;
margin-top: -3%;
float: left;
}
#social_con {
width:18%;
float:left;
margin-top:2%
}
#cotton_con {
width:100%;
position: relative;
}
#right_con {
width: 100%;
position: absolute;
/* margin-top: 0px; */
top: -8px;
}
#logo_container {
width: 100%;
float: none;
margin-top: 2px;
text-align: center;
height: auto;
/* height: auto; */
border-bottom: 2px solid #eee;
/* margin-left: 2%; */
margin-bottom: 20px;
}
.middle_box img{
overflow: hidden;
width: 100%;
}
#nav {

width: 100%;
float: right;
margin-top: 3.7%;
height:50%;
}
#nav ul {
list-style:none;
}
#nav ul li {
}
#nav ul li a {
line-height: 30px;
padding-right: 6px;
padding-left: 6px;

}
#nav ul li a:hover {

}
#nav ul li a.active {
}
#main_slider_bg {
width:100%;
}
#slider {
width:100%;
float:left;
}
#slider img {
width:100%;
}
#slider_text {
width:100%;
float:right;
margin-bottom:3%;
margin-top:1%;
}
.main_box {
width: 99%;
margin-bottom: 20px;
}
.middle_box {
width: 100%;
height: auto;
overflow: hidden;
}
.main_pro_con {
width: 100%;
/* float: left; */
margin-right: 0px;
border: 1px solid #2f74ba;
margin-bottom: 20px;
}
#footer {
width:100%;
margin-top:2%;
}
#footer p {
line-height:24px;
width:100%;
}
/************* About us **********************/
#inner_banners_container {
width:100%;
margin:auto;
}
#inner_banners_container img{
width:100%;
height:115px;
}
#leftbox_aboutus {
width:90%;

}
#product_box {
width:98%;

}
#product_box h2 {
width:98%;
color:#fff;
line-height:42px;
margin-left:20px;
}
#rightbox_aboutus {
width:100%;
}
#rightbox_aboutus h2 {
width:98%;
}
#rightbox_aboutus p {

width:98%;
}
/******************** Desk top **************/
.main_box_desk {
width:98%;
margin-bottom:2%;
}
.middle_box_desk {
width:100%;
height:140px;
}
.main_pro_con_desk {
width:47%;
float:left;
overflow: hidden;
margin-bottom:3%;
margin-right:2.2%;
border:1px solid #2f74ba;
}
.product_name_desk {
width:100%;
height:38px;
background:#2f74ba;
}
#rightbox_aboutus .product_name_desk p {
font-family:calibri;
font-size:17px;
color:#ffff00;
text-align:center;
font-weight:bold;
line-height:38px;
}
.product_name_desk p {
font-family:calibri;
font-size:17px;
color:#ffff00;
text-align:center;
font-weight:bold;
line-height:38px;
}
#main_con_pro_desk {
width:100%;
padding-left:1.8%;
}
#inner_banners_container img{
width:100%;
}
#inner_banners_container img {
width: 92%;
margin-top: 4%;
margin-left: 4%;
}
.contactfrm{width: 95%;height: 20px;color: #464646;font-weight: normal;font: 14px;margin: 0;padding: 6px;font-weight: normal;border: none;background-color: #f0f0f0;border-top: 1px solid #d5d5d5; font-family:Arial, Helvetica, sans-serif; margin-bottom:7px;}

#gmap{
width:100%;
height:150px;
}
.contact_res{
float:left; width:100%; height:280px;

}
#contact_table{
float:left; width:100%; margin-bottom:20px;margin-top:-40px;
}
.footer_one{
width:100%;
float:left;
}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
#main_container {
width:100%;
margin:auto;
}
#top_container {
width:100%;
margin:auto;
padding-top:2%;
margin-bottom:3%;
}
#text_con {
width:93%;
margin:auto;
float:left;
}
#top_container p {
width:37%;
margin-bottom:4%;
float:left;
}
.mail {
width:16%;
line-height:156%;
margin-left:1%;
}
#social_con {
width:7%;
float:right;
}
#cotton_con {
width:100%;
position: relative;
}
#right_con {
width:100%;
position: absolute;
margin-top: -1.6%;
}
#logo_container {
width: 28%;
float: left;
margin-top: 0%;
margin-left: 2%;
}
#nav {
width: 64%;
float: right;
margin-top: 3.7%;
}
#nav ul {
width:100%;
}
#nav ul li {
}
#nav ul li a {
padding-right: 1%;
padding-left: 1%;
padding-top: 1.5%;
padding-bottom: 1.5%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
#nav ul li a:hover {
color:#fff;
background:#ff7800;
}
#nav ul li a.active {
color:#fff;
background:#ff7800;
}
#main_slider_bg {
width:100%;
margin-top: 90px;
}
#slider {
/*width:68%;*/
float:left;
}
/*#slider img {
width:100%;
display:block;
float:none;
}*/
#slider_text {
width:32%;
float:right;
margin-bottom:3%;
margin-top:-4%;
}
.main_box {
width:100%;
margin-bottom:2%;
}
.middle_box {
width:100%;
height:165px;
overflow:hidden;
}
.middle_box img {
width:100%;
display:block;
margin:auto;
}
.main_pro_con {
width:18%;
float:left;
margin-right:1.2%;
border:1px solid #2f74ba;
margin-bottom:5%;
}
#footer {
width:100%;
margin-top:2%;
}
#footer p {
width:100%;
}
/************* About us **********************/
#inner_banners_container {
width:100%;
margin:auto;
}
#inner_banners_container img{
width:100%;
height:165px;
}
#leftbox_aboutus {
width:30%;

}
#product_box {
width:98%;

}
#product_box h2 {
width:98%;
color:#fff;
line-height:42px;
margin-left:20px;
}
#rightbox_aboutus {
width:66%;
}
#rightbox_aboutus h2 {
width:98%;
}
#rightbox_aboutus p {

width:98%;
}
/******************** Desk top **************/
.main_box_desk {
width:98%;
margin-bottom:2%;
}
.middle_box_desk {
width:100%;
height:auto;
}
.main_pro_con_desk {
width:47%;
float:left;
margin-bottom:3%;
margin-right:2.2%;
border:1px solid #2f74ba;
}
.product_name_desk {
width:100%;
height:38px;
background:#2f74ba;
}
#rightbox_aboutus .product_name_desk p {
font-family:calibri;
font-size:17px;
color:#ffff00;
text-align:center;
font-weight:bold;
line-height:38px;
}
.product_name_desk p {
font-family:calibri;
font-size:17px;
color:#ffff00;
text-align:center;
font-weight:bold;
line-height:38px;
}
#main_con_pro_desk {
width:100%;
padding-left:1.8%;
}
#inner_banners_container img{
width:100%;
}
#inner_banners_container img {
width: 92%;
margin-top: 4%;
margin-left: 4%;
height: auto;
}
.footer_one{
width:33%;
float:left;
}
}
@media only screen and (min-width:1024px) and (max-width:1224px) {
#main_container {
width:100%;
margin:auto;
}
#top_container {
width:100%;
margin:auto;
padding-top:15px;
margin-bottom:0%;.
height: auto;
}
#text_con {
width:93%;
margin:auto;
float:left;
}
#top_container p {
width:37%;
margin-bottom:10px;
float:left;
}
.mail {
width:16%;
line-height:156%;
margin-left:1%;
}
#social_con {
width:7%;
float:right;
}
#cotton_con {
width:100%;
position: relative;
}
#right_con {
width:100%;
position: absolute;
margin-top: 0%;
top: -12px;
}
#logo_container {
width: 28%;
float: left;
margin-top:0%;
margin-left: 1%;
}
#nav {
width: 64%;
float: right;
height: auto;
margin-top: 3.7%;
}
#nav ul {
width:100%;
}
#nav ul li {
}
#nav ul li a {
padding-right: 1%;
padding-left: 1%;
padding-top: 1.5%;
padding-bottom: 1.5%;
margin-left: 1%;
margin-right: 1%;
float: left;
}
#nav ul li a:hover {
color:#fff;
background:#ff7800;
}
#nav ul li a.active {
color:#fff;
background:#ff7800;
}
#main_slider_bg {
width:100%;
margin-top:5%;
}
#slider {
width:68%;
float:left;
}
#slider img {
width:100%;
display:block;
float:none;
}
#slider_text {
width:32%;
float:right;
margin-bottom:3%;
margin-top:-4%;
}
.main_box {
width:100%;
margin-bottom:2%;
}
.middle_box {
width:100%;
height:165px;
overflow:hidden;
}
.middle_box img {
width:100%;
display:block;
margin:auto;
}
.main_pro_con {
width: 18%;
float: left;
margin-right: 10px;
border: 1px solid #2f74ba;
margin-bottom: 0%;
}
#footer {
width:100%;
margin-top:2%;
}
#footer p {
width:100%;
}
/************* About us **********************/
#inner_banners_container {
width:100%;
margin:auto;
}
#inner_banners_container img{
width:100%;
height:165px;
}
#leftbox_aboutus {
width:30%;

}
#product_box {
width:98%;

}
#product_box h2 {
width:98%;
color:#fff;
line-height:42px;
margin-left:20px;
}
#rightbox_aboutus {
width:66%;
}
#rightbox_aboutus h2 {
width:98%;
}
#rightbox_aboutus p {

width:98%;
}
/******************** Desk top **************/
.main_box_desk {
width:98%;
margin-bottom:2%;
}
.middle_box_desk {
width:100%;
height:auto;
}
.main_pro_con_desk {
width:47%;
float:left;
margin-bottom:3%;
margin-right:2.2%;
border:1px solid #2f74ba;
}
.product_name_desk {
width:100%;
height:38px;
background:#2f74ba;
}
#rightbox_aboutus .product_name_desk p {
font-family:calibri;
font-size:17px;
color:#ffff00;
text-align:center;
font-weight:bold;
line-height:38px;
}
.product_name_desk p {
font-family:calibri;
font-size:17px;
color:#ffff00;
text-align:center;
font-weight:bold;
line-height:38px;
}
#main_con_pro_desk {
width:100%;
padding-left:1.8%;
}
#inner_banners_container #about_banner #deskimg{
width:100%;
margin-top: 4%;
}
#inner_banners_container img {
width: 92%;
margin-top: 4%;
height: auto;
margin-left: 4%;
}
}
.left_um{

}
.video_main{
width: 237px;
float: left;
margin-bottom:10px; border:1px solid #eee; padding:7px; margin-left:15px;
}
.video_main.v-d{
	width: 450px;
	font-family: calibri;
}
.video_main iframe{
margin-left:0px !important;
}