 @media screen and (max-width: 1200px) {
.our_products .col-md-4 {
	width: 32.333%;
	display: inline-block;
}
.our_products h1 {
	font-size: 40px;
}
.view {
	max-width: 100%;
}
.view img {
	width: 100%;
}
.view .mask, .view .content {
	max-width: 100%;
	height: 82%;
}
.mision1 {
	width: 30%;
	float: left;
}
.mision2 {
	width: 70%;
	float: right;
}
.wel_right h1 {
	font-size: 34px;
	font-weight: 300;
	padding: 0px 0px 15px 8px;
}
.wel_right p {
	font-size: 19px;
	padding: 0px 0px 0px 15px;
}
.contact_box h3 {
	font-size: 13px;
}
.copyright p {
	font-size: 10px;
}

.our_mission h3:after {
	width: 63%;
}
.rt_icon img {
	width: 94%;
}
	 #slides1 li img {
	float: left;
	width:45%;
	padding-top:20px;
}
#slides1 .content {
	float: left;
	padding-left:40px;
	width:35%;
}
.table_tents .col-md-4 {
    float: left;
    width: 32.5%;
}
.tab_tent_icon img {
	width:100%;
}
.tab_tent_icon p {
    font-size: 15px;
}
.media_caddy span {
    font-size: 15px;
}
.bottom_silder .carousel-inner img
{
	width:55%;
}
.bottom_silder .carousel-caption {
    top: 19px;
}
.bottom_silder .carousel-control {
    left: 48.4%;
    top: 104.9%;
}
.bottom_silder .carousel-control.right {
    right: 48.6%;
}
}
 @media screen and (max-width: 1024px) {
.our_products .col-md-4 {
	width: 32.333%;
	display: inline-block;
}
.our_products h1 {
	font-size: 40px;
}
.view {
	max-width: 100%;
}
.view img {
	width: 100%;
}
.view .mask, .view .content {
	max-width: 100%;
	height: 82%;
}
.mision1 {
	width: 30%;
	float: left;
}
.mision2 {
	width: 70%;
	float: right;
}
.wel_right h1 {
	font-size: 30px;
	font-weight: 300;
	padding: 0 0 15px 29px;
}
.wel_right p {
	font-size: 18px;
	padding: 0 0 0 32px;
}
.contact_box h3 {
	font-size: 13px;
}
.view img {
	height: 100%;
}
.view a.info {
	width: 43px;
}
.second-effect .mask h3 {
	right: -87px;
}
.abt_mision .col-md-2
{
	width:20%;
	float:left;
}
.abt_mision .col-md-10
{
	width:80%;
}
.pos_material_main .col-md-9
{
	width:70%;
	float:left;
}
.pos_material_main .col-md-3
{
	width:30%;
	float:right;
}
.pos_material_main h2 {
    font-size: 34px;
}
.pos .carousel-inner {
    padding-bottom: 277px;
}
.pos .carousel-control {
    left: 85.1%;
    top: 34.1%;  
}
.pos .carousel-control.right {
    right: 12.8%;
}
.outdoor_list ul li a {
    font-size: 12px;
}
}
 @media screen and (max-width: 980px) {
.our_products .col-md-4 {
	width: 32.333%;
	display: inline-block;
}
.view {
	height: auto;
}
.our_products h1 {
	font-size: 27px;
}
.top_btn {
	margin: 47px 0 0;
}
.top_btn ul li a {
	font-size: 20px;
	font-weight: 400;
}
.welcome .col-md-3 {
	width: 30%;
	float: left;
}
.welcome .col-md-9 {
	width: 70%;
	float: right;
}
.contact_box h3 {
	font-size: 13px;
}
.wel_right h1 {
	font-size: 33px;
	font-weight: 300;
	padding: 0 0 8px 0px;
}
.wel_right p {
	font-size: 20px;
	padding: 0 0 0 0px;
}
.com_wel {
	width: 70%;
	float: left;
}
.com_wel2 {
	width: 30%;
	float: right;
}
.company_welcome h2 small {
	font-size: 16px;
}
.read_icon {
	padding-top: 182px;
}
.mission_main .col-md-6 {
	width: 50%;
	float: left;
}
.rt1 {
	width: 70%;
	float: left;
}
.rt2 {
	width: 30%;
	float: right;
}
.right_box h3 {
	font-size: 18px;
}
.right_box p {
	font-size: 12px;
}
.ask_icon {
	padding: 10px 0px 0px 58px;
}
.our_mission h3:after {
	width: 52%;
}
.footer .col-md-4 {
	width: 33%;
	float: left;
}
.contact_box h4 {
	font-size: 15px;
}
.contact_box h4:after {
	width: 50%;
}
.contact_box h2 {
	font-size: 17px;
}
.contact_box {
	margin: 0 0 0 16px;
	background: #e3e3e3;
	padding: 0px 0 0 12px;
}
.contact_box h3 {
	font-size: 12px;
}
.contact_box p {
	font-size: 13px;
}
.footer .col-md-6 {
	width: 50%;
	float: left;
}

.wel_left img {
	width: 100%;
}
.wel_right {
	margin: 30px 8px;
}
.second-effect a.info {
	top: -82px;
}
.view a.info {
	width: 43px;
	margin-left: -36px;
}
.second-effect .mask h3 {
	font-size: 22px;
	right: -85px;
	top: -44px;
}
.footer_nav ul li a {
	font-size: 12px;
}
.copyright ul {
    margin: 0 auto;
    width: 82%;
}
.about h3 {
	font-size:13px;
}
.abt_txt p {
    padding: 0 54px 20px 0;
}
.abt_icon {
    padding: 5px 29px 25px 0;
}
.brochure_icon h4 {
    font-size: 15px;
}
.abt_mision .col-md-2
{
	width:20%;
	float:left;
}
.abt_mision .col-md-10
{
	width:80%;
}
.client_main .col-md-6
{
	width:50%;
	float:left;
}
.client .col-md-9
{
	width:100%;
}
.client_logo
{
	text-align:center;
	margin:0px 3px 40px 3px;
}
.client_logo h3 {
    padding:0px;
}
.client_logo p {
    padding: 18px 4px 38px 6px;
}
.map_main {
	width:100%;
}
.contact_formmain {
    margin:50px 0px 0px 0px;
}
.table_tents .col-md-4
{
	width:32.5%;
	float:left;
}
.tab_tent_icon img {
	width:100%;
}
.pd2 {
    padding-right: 15px !important;
}
.pd3 {
    padding-left: 15px;
}
.pd {
    padding-left: 15px;
}
.tab_tent_icon p {
    font-size: 14px;;
}
.upload_img_part .back
{
	width:100%;
}
.plug_play .col-md-3
{
	width:50%;
	float:left;
	margin-bottom:40px;
}
.Caddy_part .col-md-4
{
	width:50%;
	float:left;
	margin-bottom:40px;
}
#slides1 li img {
	float: left;
	width:39%;
	padding-top:20px;
}
#slides1 .content {
	float: left;
	padding-left:30px;
	width:37%;
}
#slides1 li p {
    font-size: 15px;
}
.bottom_silder {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 300px;
}
.slides1_wrap .prev {
    left: 45%;
    top: 81%;
}
.slides1_wrap .next {
    right: 44.4%;
    top: 81%;
}
#slides1 li p {
    background: url("../images/red_icon.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #636363;
    font-size: 16px;
    font-weight: lighter;
    line-height: 22px;
    padding: 22px 0 0 22px;
}
.media_caddy span {
    font-size: 16px;
}
.client_logo img{
margin: 0px 0 0 0px;
}

.round_box {
    left: 40%;
}
.round_box2 {
    left: 40%;
}
.round_box3 {
    left: 40%;
}
.pos .carousel-control {
    left: 83.1%;
    top: 25%;  
}
.pos .carousel-control.right {
    right: 15.4%;
}
.outdoor_list ul li {
    margin: 3px 15px 0 12px;
    padding: 8px 5px;
}
.bottom_silder .carousel-caption {
    left: 61%;
    top: 10px;
}
.bottom_silder .carousel-caption p {
    font-size: 14px;
    line-height: 21px;
    padding: 12px 0 0 22px;
}
.bottom_silder .carousel-control.right {
    right: 48.8%;
}
.bottom_silder .carousel-control {
    left: 48.7%;
    top: 106.1%;
}
}
 @media screen and (max-width: 800px) {
	 #slides1 li img {
	float: left;
	width:30%;
	padding-top:20px;
}
#slides1 .content {
	float: left;
	padding-left:15px;
	width:30%;
}
#slides1 li p {
    font-size: 15px;
}
.bottom_silder {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 280px;
}
.slides1_wrap .prev {
    left: 43.3%;
    top: 76%;
}
.slides1_wrap .next {
    right: 43.2%;
    top: 76%;
}
#slides1 li p {
    padding: 10px 0 0 22px;
}
.wel_right h1 {
    font-size: 27px;
}
.wel_right p {
    font-size: 16px;
}
 }
 
  @media screen and (max-width: 768px) {
		.pos_material_main h2 span {
    font-size: 34px;
}
.pos .carousel-control {
    left: 83%;
    top: 24%;
}
.pos .carousel-control.right {
    right: 15.4%;
}

	}
 @media screen and (max-width: 670px) {
 .flag-icon {
    position: inherit;
    right: inherit;
    top: inherit;
    transition: opacity 0.2s ease 0.1s;
    text-align: center;
}
.wel_left img {
	width: 100%;
}
.welcome .col-md-3 {
	width: 100%;
}
.welcome .col-md-9 {
	width: 100%;
}
.wel_right h1 {
	font-size: 30px;
	font-weight: 400;
	padding: 0 0 15px;
}
.wel_right p {
	font-size: 18px;
	padding: 0 0 0 0px;
}
.our_products h1 {
	font-size: 25px;
}
.com_wel {
	width: 100%;
}
.company_welcome h2 {
	font-size: 25px;
}
.read_icon {
	padding-top: 23px;
}
.mission_main .col-md-6 {
	width: 100%;
}
.footer .col-md-4 {
	width: 100%;
	margin-bottom: 20px;
}
.footer .col-md-6 {
	float: left;
	width: 35%;
}
.footer_logo {
	width: 100%;
}
.copyright p {
	text-align: left;
}

.foot_mr {
	padding-right: 15px;
}
.contact_box {
	margin: 0 0 0 0px;
}
.contact_box h3 {
	font-size: 18px;
}
.contact_box p {
	font-size: 17px;
}
.logomain {
	width: 80%;
}
.top_btn ul li a {
	font-size: 16px;
}
/*.top_btn ul li {
	padding: 0 15px;
}*/
.top_btn {
	margin: 70px 0 0;
}
.our_products h1:before {
	width: 20%;
	height: 20px;
}
.our_products h1:after {
	width: 20%;
	height: 20px;
}
.our_products {
	text-align: center;
}
.our_products .col-md-4 {
	display: inline-block;
	margin-bottom: 30px;
	padding: 0px;
	width: 60%;
}
.col-md-4.pro2, .pro3 {
	padding-left: 0px;
}
.view {
	width: 100%;
}
.view .mask {
	width: 100%;
	height: 100%;
}
.second-effect:hover .mask {
	border: 200px solid rgba(204, 33, 44, 0.5);
}
.view a.info {
	margin-left: -28px;
	margin-top: 36px;
	width: 43px;
}
.second-effect .mask h3 {
	right: -87px;
}
.second-effect .mask h3 {
	font-size: 29px;
	right: -85px;
	top: -61px;
}
	 #slides1 li img {
	float: left;
	width:25%;
	padding-top:20px;
}
#slides1 .content {
	float: left;
	padding-left:15px;
	width:28%;
}
.pos .carousel-control {
    left: 84%;
    top: 19%;
}
.pos .carousel-caption p {
    font-size: 12px;
}
.bottom_silder .carousel-inner img {
    width: 58%;
}
.bottom_silder .carousel-caption h3 {
    font-size: 16px;
}
.bottom_silder .carousel-caption {
    top: 5px;
}
.bottom_silder .carousel-caption p {
    font-size: 13px;
    line-height: 19px;
    padding: 14px 0 0 22px;
}
}
 @media screen and (max-width: 640px) {
.footer {
	position: relative;
	padding: 41px 0 185px;
}
.ft_logo {
	position: absolute;
	top: 400px;
}
.footer_logo {
	margin: auto;
	width: 107px;
}
.copyright p {
	text-align: center;
}

.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
    top: 36%;
}
.wel_left img {
    width: 60%;
}
.wel_left {
	text-align:center;
}
.wel_right {
    margin: 16px auto;
		text-align:center;
}
.company_welcome h2 {
    font-size: 36px;
}
.copyright ul {
    margin: 0 auto;
    width: 29%;
}
.about .col-md-9
{
	width:100%;
}
.about .col-md-3
{
	width:100%;
}
.about h3 {
    padding: 0 0 20px;
}
.abt_icon {
    text-align: center;
}
.abt_txt p {
    padding: 0 0px 20px 0;
}
.abt_txt2 p {
    padding: 0 0px 20px 0;
}
.brochure_icon h4 {
    font-size: 20px;
}
.mission_icon2 img {
    width: 100%;
}
	 #slides1 li img {
	float: left;
	width:25%;
	padding-top:20px;
}
#slides1 .content {
	float: left;
	padding-left:10px;
	width:25%;
}
.media_caddy span {
    font-size: 12px;
}
.pos .carousel-control {
    left: 83.8%;
    top: 37%;
}
.pos .carousel-caption h3 {
    font-size: 14px;
}
.outdoor_list ul li {
    margin:0px;
}
.pos_material_main .col-md-9 {
    width: 100%;
}
.pos_material_main .col-md-3 {
    width: 100%;
}
.pos .carousel-caption {
    padding:0px;
		right:0;
		left:0;
}
.pos_gap {
    padding-left: 15px;
}
.pos .carousel-control {
    left: 89%;
    top: 58%;
}
.pos .carousel-control.right {
    right: 6.4%;
}
}
 @media screen and (max-width: 580px) {
.our_products {
	text-align: center;
}
.our_products .col-md-4 {
	display: inline-block;
	margin-bottom: 30px;
	padding: 0px;
	width: 88%;
}
.col-md-4.pro2, .pro3 {
	padding-left: 0px;
}
.view {
	width: 100%;
}
.view .mask {
	width: 100%;
	height: 100%;
}
.second-effect:hover .mask {
	border: 147px solid rgba(204, 33, 44, 0.5);
}
.company_welcome h2 small {
	font-size: 11px;
}
.company_welcome h2 {
	font-size: 24px;
}
.footer {
	position: relative;
	padding: 41px 0 185px;
}
.ft_logo {
	position: absolute;
	top: 400px;
}

.footer_logo {
	margin: auto;
	width: 107px;
}
.copyright p {
	text-align: center;
}

.wel_left img {
    width: 100%;
}
.table_tents .col-md-4
{
	width:100%;
}
.upload_box p {
    font-size: 18px;
}
.plug_box img {
	width:100%;
}
.Caddy_part .col-md-4 {
    width: 100%;
}
	 #slides1 li img {
	float: left;
	width:17%;
	padding-top:50px;
}
#slides1 .content {
	float: left;
	padding-left:0px;
	width:23%;
}
.slides1_wrap .next {
    right: 39%;
    top: 76%;
}
.slides1_wrap .prev {
    left: 39%;
    top: 76%;
}
 .top_btn ul li {
    margin: 0 10px;
}
.pos .carousel-control {
    left: 88%;
    top: 54%;
}
.pos .carousel-control.right {
    right: 7.4%;
}

}
 @media screen and (max-width: 480px) {
.view a.info {
	margin-top: 104px;
}
.second-effect .mask h3 {
	right: -102px;
}
.view a.info {
	margin-left: -18px;
}
.copyright ul {
    width: 40%;
}
.wel_right h1 {
    font-size: 24px;
}
.abt_mision .col-md-2
{
	width:100%;
}
.abt_mision .col-md-10
{
	width:100%;
}
.mission_icon2 {
		text-align:center;
}
.mission_icon2 img {
    width: auto;
		text-align:center;
}
.form_box
{
	 width:100%;
}
.plug_play .col-md-3
{
	width:100%;
}
.plug_box img {
	width:auto;
}
	 #slides1 li img {
	float: left;
	width:15%;
	padding-top:50px;
}
#slides1 .content {
	float: left;
	padding-left:0px;
	width:18%;
}
.slides1_wrap .next {
    right: 39%;
    top: 76%;
}
.slides1_wrap .prev {
    left: 39%;
    top: 76%;
}
#slides1 li p {
    font-size: 10px;
}
#slides1 h3 {
    font-size: 18px;
}
 .top_btn ul li {
    margin: 0 20px;
}
.top_btn ul li a {
	font-size: 14px;
}
.media_caddy img
{
	width:17%;
}
.pos .carousel-control {
    left: 86%;
    top: 42%;
}
.pos .carousel-control.right {
    right: 9.4%;
}
.pos .carousel-inner {
    padding-bottom: 324px;
}

}
 @media screen and (max-width: 360px) {
.top_btn ul li {
	padding: 0 0px;
}

.top_btn ul li a {
	font-size: 14px;
}
.company_welcome h2 {
	font-size: 20px;
}
.our_mission {
	padding: 0 0px 49px 0;
}
.mision1 {
	width: 100%;
}
.mision2 {
	width: 100%;
}
.right_box {
	margin-left: 0px;
}
.view a.info {
	margin-top: 4px;
	width: 43px;
	margin-left: -11px;
}
.second-effect .mask h3 {
	right: -94px;
}
.company_welcome h2 small {
	font-size: 11px;
}
.company_welcome h2 {
	font-size: 24px;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	top: 24%;
}
.second-effect a.info {
	top: -24px;
}
.logomain {
	width: 50%;
}
.top_btn {
	margin: 34px 0 0;
}
.header {
	min-height: 112px;
}
.mission_icon {
	text-align: center;
}
.right_box h3 {
	font-size: 16px;
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	top: 36%;
}
.copyright ul {
    width: 62%;
}
.wel_right h1 {
    font-size: 18px;
}
.client_main .col-md-6
{
	width:100%;
}
	 #slides1 li img {
	float: left;
	width:13%;
	padding-top:50px;
}
#slides1 .content {
	float: left;
	padding-left:0px;
	width:16%;
}
.slides1_wrap .next {
    right: 37%;
    top: 76%;
}
.slides1_wrap .prev {
    left:37%;
    top: 76%;
}
#slides1 li p {
    font-size: 10px;
}
#slides1 h3 {
    font-size: 16px;
}
#slides1 .content {
    padding-top: 37px;
}
.top_btn ul li {
    margin: 0 6px;
}
.first .glyphicon.glyphicon-chevron-right.prev {
	background: url(../images/next-icon_small.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 35px;
	width: 35px;
}
.first .glyphicon.glyphicon-chevron-left.next {
	background: url(../images/prev-icon_small.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 35px;
	width: 35px;
}
.pos_material_main h2 span {
    font-size: 26px;
}
.pos_material_main h2 {
    font-size: 26px;
}
.pos .glyphicon.glyphicon-chevron-left.next {
	background:url(../images/black_next_small.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 1);
	width: 24px;
	height: 20px;
	
}
.pos .glyphicon.glyphicon-chevron-right.prev {
	
	background:url(../images/black_prev-small.jpg) no-repeat;
	width: 24px;
	height: 20px;	
}
.pos .carousel-control {
    left: 90%;
    top: 39%;
}
.pos .carousel-control.right {
    right: 5.4%;
}
.pos .carousel-caption h4 {
    padding: 17px 30px 50px 26px;
}
.pos .carousel-caption p {
    padding: 38px 30px 62px 26px;
}
}
 @media screen and (max-width: 320px) {
.top_btn ul li a {
	font-size: 11px;
}
.wel_right h1 {
	font-size: 29px;
	font-weight: 300;
}
.wel_right p {
	font-size: 17px;
}
.our_products h1 {
	font-size: 20px;
}
.our_products h1:before {
	height: 13px;
	width: 20%;
}
.our_products h1:after {
	height: 13px;
	width: 20%;
}
.company_welcome h2 small {
	font-size: 10px;
}
.our_mission h3:after {
	width: 45%;
}
.view a.info {
	margin-left: -31px;
	margin-top: -13px;
}
.company_welcome h2 {
	font-size: 20px;
}
.footer .col-md-6 {
	float: left;
	width: 40%;
}
	 #slides1 li img {
	float: left;
	width:9%;
	padding-top:100px;
}
#slides1 .content {
	float: left;
	padding-left:0px;
	width:13%;
}
.slides1_wrap .next {
    right: 36%;
    top: 76%;
}
.slides1_wrap .prev {
    left: 36%;
    top: 76%;
}
#slides1 li p {
    font-size: 9px;
}
#slides1 h3 {
    font-size: 16px;
}
.pos .carousel-control {
    left: 88.8%;
    top: 36.4%;
}
.pos .carousel-control.right {
    right: 6.9%;
}
}
