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

/* iPhone, etc portrait ---- */
@media only screen and (min-width: 320px) and (max-width: 590px) { /*	body:before { content: "Between 320 and 480";}*/
img { border:0 none; max-width:100%; vertical-align:top;}

.mean-container .mean-bar { width: 100%; float:none; position:absolute; margin-left1: 1%; margin-top:15px; }
.mean-container .mean-nav > br.clear { display1: none; }
nav { float:none; width:100%; text-align:right; position:relative;}

.banner-main { margin:0px auto; width:100%; text-align:center; height: auto; overflow:hidden; border:0px;}
.top-bar { position:inherit; margin-top:0px; padding:0px; width:100%; height:80px; text-align:center; background:url(../images/header-white-bg.png) left top repeat;}
header { margin:0px auto; position:relative; width:100%; height:80px;}
header .logo { float:left; padding-top:6px; margin-left:20px;}
header .logo a img { position:absolute; left:20px; top:10px; z-index:999999; max-width:18%;}
.con-pic-right	{ float:none; margin-left:0px; }
img.con-pic-right { border:0 none; max-width:70%; margin-top:15px; vertical-align:top;}

/* Home */
.banner-main-home { margin:0px auto; width:100%; text-align:center; height: auto !important; overflow:hidden; border:0px;}
.home-banner, .home-banner div, .home-banner div div, .home-banner div div img { margin:0px auto; width:100%; height:auto; text-align:center; position:relative;}
.banner-main img, .banner-main-home img { max-width1:100% !important;}


.breadcrumb-main-home { margin:0px auto; width:100%; height:auto; font-size:15px;}
.breadcrumb-home { margin:0px auto; width:76%; padding:22px 0px 20px 65px; background:url(http://website-demos.in/proutdoors/site/images/breadcrumb-line.jpg) 15px 31px no-repeat;}
.breadcrumb-home p { margin:0px; padding:0px; line-height:24px;}
.breadcrumb-home p span { font-size:26px;}

.products-home-main { padding-bottom:0px; width:100%;}
.products-home-main h3 { width:100%; line-height:80px; height:80px; margin-left:20px;}
.products-home-main h3 span { padding:0px;}
.products-home-main ul li { float:none; width:auto; display:block; text-align:center; height:auto; overflow:hidden; border:5px solid #fff; position:relative;}

.download-pdf { width:100%; border-right:0px solid #fff; border:5px solid #fff; border-left:0px; border-top:0px;}
.linkedin { width:100%; border-bottom:0px solid #fff; border:5px solid #fff; border-left:0px;}

.content-main { margin:15px auto; min-height:150px; width:100%; border:0px;}
.content { margin:0px; width:90%; padding:5%;}
.content-main-home { width:100%;}
.content-home { margin:0px auto; width:100%; padding:0px;}

.content-box { float:none; width:100%; border-bottom:1px solid #444; min-height:auto;}
.content-box .margin { margin:15px;}
.content-box h2 { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:22px; color:#444; font-weight:normal; text-transform:uppercase;}
.content-box p { padding-bottom:10px;}
.content-box-spacer { display:none; float:left; width:5%; min-height:205px; background:url(http://website-demos.in/proutdoors/site/images/content-box-dot.jpg) center top repeat-y;}
.content-box a.view-more { position:absolute; right:20px; bottom:10px;}

.content-news { margin-top:20px;}
.content-news .margin { margin:15px;}
.content-news ul li .news .thumb { float:none; width:100%;}
.content-news ul li .news .thumb .arrow { display:none; position:absolute; right:0; top:0;}
.content-news ul li .news .news-data { float:none; width:90%; padding:2% 5%; height:auto; background:#EAE7E4;}
.bx-wrapper .bx-viewport { left:0;}



/* Product Detail */
.product-gallery { float:none; width:100%;}
.ad-gallery { margin:0; width: 100% !important;}
.ad-gallery .ad-image-wrapper { height:300px !important;}
.ad-gallery .ad-image-wrapper img { max-width:100%;}
.ad-gallery .ad-nav { display:none !important;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-prev { height:300px !important;}

.product-data { width:100%;}
.attri-tbl .lable { padding-right:15px;}
ul.pro-feature-icons li { margin-bottom:25px;}

/* Others */
.breadcrumb-main { display:none;}

/* Start News */
.content ul.news { margin-top:25px;}
.content ul.news li { padding:0px 0px;}
.content ul.news li h2 { display:none; margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:22px; line-height:28px; color:#444; font-weight:normal; text-transform:uppercase;}
.content ul.news li div .thumb-left { float:none; width:100%; position:relative; margin-right:0px; margin-bottom:15px;}
.content ul.news li div .thumb-left .arrow { display:none; position:absolute; right:0; top:0; width:23px; z-index:3;}
.content ul.news li div .thumb-right { float:none; width:100%; position:relative; margin-left:0px; margin-bottom:15px;}
.content ul.news li div .thumb-right .arrow { display:none; position:absolute; left:0; top:0; width:23px; z-index:3;}
.content ul.news li div .thumb-left img, .content ul.news li div .thumb-right img { width:100%; height:auto;}
.content ul.news li div .news-line { margin-top:20px;}
.content ul.news li a { display:none;}
.content ul.news li div .news-data { float:none; width:100%;}
.news-pagging { padding-bottom:25px;}
/* End News */

/* Contact */
.content ul.contact li { padding:0px 0px 5px 0px;}
.content ul.contact li div .thumb-left { float:none;}
.content ul.contact li div .thumb-left .arrow { display:none;}
.content ul.contact li div .contact-right { float:none; padding-top:50px; margin-left:0px; background:url(../images/news-line.jpg) left 30px no-repeat;}
.content ul.contact li div .contact-right h2 { margin:0px 0px 5px 0px;}
.content ul.contact li div .contact-right p { line-height:30px;}
.col01 { float:none; width:96%;}
.col02 { float:none; width:96%;}
.drplong { width:104%;}
.drpshort { width:auto; margin-bottom:15px;}
.txtwidthhalf { width:96%;}
.txtremark { width:92%; padding:1% 2%; margin-bottom:15px;}
.colspacer { height:0px; display:none;}
.col label { margin-bottom:7px; margin-top:10px; display:block; font-size:14px;}
form.contact-form input, form.contact-form textarea, form.contact-form select { padding:5px 10px; border:1px solid #919292; background:#f2f4f3;}
form.contact-form .button { border:1px solid #444; padding:7px 15px; background:#fff; cursor:pointer; text-transform:uppercase; color:#444; font-size:18px; text-align:center; width:100px;}
form.contact-form .button:hover { border:1px solid #444; padding:7px 15px; background:#444; text-transform:uppercase; color:#fff; font-size:20px; text-align:center; width:100px;}
.submit-right { float:left;}

/* Collection */
.left-pro-nav-main { float:none; width:100%; border:1px solid #e1e1e1; border-bottom:0px; padding-bottom:0px; min-height:auto;}
.right-pro-listing { float:none; width:100%; margin-top:30px;}
.right-pro-listing .pro-list-panel .view-more { position:inherit; top:0; right:0px;}
.right-pro-listing .pro-list-panel ul.product-list li { float:none; margin-right:0px; margin-bottom:10px; width:290px;}
.right-pro-listing .pro-list-panel { position:relative; margin:30px 0px 10px 0px;}
.right-pro-listing .pro-list-panel ul.product-list li .thumb { margin-bottom:10px;}

/* Footer */
footer { width:100%;}
.footer-top-main, .footer-bottom-main { width:100%;}
.footer-top, .footer-bottom { margin:0px auto; width:100%;}
.footer-top { padding:1px 0px;}
.footer-top h2 { margin:15px 0px 0px 18px;}
.footer-top .quicklinks { float:none; width:100%;}
.footer-top .quicklinks .margin { border-right:0px solid #616261; border-bottom:1px solid #616261; padding-bottom:15px; min-height:inherit; margin-right:0px; margin:0px 20px;}
.footer-top .quicklinks .margin .box { float:none; width:100%; margin-top:15px;}
.footer-top .newsletter { float:none; width:100%;}
.footer-top .newsletter .margin { border-right:0px solid #616261; border-bottom:1px solid #616261; padding-bottom:20px; min-height:inherit; margin-right:0px; margin:0px 20px; padding-right:0px;}
.footer-top .newsletter .margin p { padding:0px;}
.footer-top .followus { float:none; width:100%;}
.footer-top .followus .margin { margin:0px 20px;}
.footer-top .followus .margin ul li { float:left; margin:15px 25px 15px 0px; line-height:31px;}

.footer-bottom { height:auto; line-height:35px;}
.footer-bottom .left { float:none; margin:0px;}
.footer-bottom .right { float:none; margin:0px; margin:0px 0px; margin-left:0px;}
.footer-bottom .right:hover { float:none; margin:0px; margin:0px 0px; margin-left:00px;}
}

@media only screen and (min-width: 320px) and (max-width: 590px) and (orientation: landscape) {
header .logo a img { position:absolute; left:20px; top:10px; z-index:999999; max-width:18%;}

.footer-top .quicklinks .margin .box { float:left; width:auto; margin-top:15px; margin-right:40px;}
.footer-bottom .left { float:none; margin:0px 20px;}
.footer-bottom .right { float:none; margin:0px; margin:0px 20px; margin-left:20px;}
.footer-bottom .right:hover { float:none; margin:0px; margin:0px 20px; margin-left:20px;}

.content { margin:0px; width1:94%;}

.content ul.contact li { padding:0px 0px 5px 0px;}
.content ul.contact li div .thumb-left { float:none;}
.content ul.contact li div .thumb-left .arrow { display:none;}
.content ul.contact li div .contact-right { float:none; padding-top:50px; margin-left:0px; background:url(../images/news-line.jpg) left 30px no-repeat;}
.content ul.contact li div .contact-right h2 { margin:0px 0px 5px 0px;}
.content ul.contact li div .contact-right p { line-height:30px;}
.col01 { float:none; width:96%;}
.col02 { float:none; width:96%;}
.drplong { width:100%;}
.drpshort { width:auto; margin-bottom:15px;}
.txtwidthhalf { width:96%;}
.txtremark { width:92%; padding:1% 2%; margin-bottom:15px;}
.colspacer { height:0px; display:none;}
.col label { margin-bottom:7px; margin-top:10px; display:block; font-size:14px;}
form.contact-form input, form.contact-form textarea, form.contact-form select { padding:5px 10px; border:1px solid #919292; background:#f2f4f3;}
form.contact-form .button { border:1px solid #444; padding:0px 15px; background:#fff; cursor:pointer; text-transform:uppercase; color:#444; font-size:18px; text-align:center; width:100px;}
form.contact-form .button:hover { border:1px solid #444; padding:7px 15px; background:#444; text-transform:uppercase; color:#fff; font-size:20px; text-align:center; width:100px;}
.submit-right { float:left;}
}

/* iPhone, etc landscape ---- */
@media only screen and (min-width: 590px) and (max-width: 768px) { /*	body:before { content: "Between 480 and 768";}*/
.mean-container .mean-bar { width: 100%; float:none; position:absolute; margin-left1: 1%; }
.mean-container .mean-nav > br.clear { display1: none; }

.banner-main { margin:0px auto; width:100%; border:0px; text-align:center; height: auto; overflow:hidden;}
.banner-main img, .banner-main-home img { max-width:100%;}
.top-bar { position:inherit; margin-top:0px; padding:0px; width:100%; height:80px; text-align:center; background:url(../images/header-white-bg.png) left top repeat;}
header { margin:0px auto; position:relative; width:100%; height:80px;}
header .logo { float:left; padding-top:6px; margin-left:20px;}
header .logo a img { position:absolute; left:20px; top:10px; z-index:999999; max-width:10%;}
.mean-container .mean-nav { margin-top:65px;}

.content-main { margin:15px auto; min-height:150px; width:100%;}
.content { margin:0px 3%; width:94%;}
.content-main-home { width:100%;}
img.con-pic-right { float:none; margin-left:0px; border:0 none; max-width:100%; margin-top:15px; vertical-align:top;}

/* Home */
.banner-main-home { margin:0px auto; width:100%; border:0px; text-align:center; height: auto !important; overflow:hidden;}
.home-banner, .home-banner div, .home-banner div div, .home-banner div div img { margin:0px auto; width:100%; height:auto; text-align:center; position:relative;}
.banner-main img, .banner-main-home img { max-width:100% !important;}

.breadcrumb-main-home { margin:0px auto; width:100%; height:auto; font-size:18px;}
.breadcrumb-home { margin:0px; width:76%; padding:22px 0px 20px 65px; background:url(http://website-demos.in/proutdoors/site/images/breadcrumb-line.jpg) 15px 31px no-repeat;}
.breadcrumb-home p { margin:0px; padding:0px; line-height:24px;}
.breadcrumb-home p span { font-size:26px;}

.products-home-main { padding-bottom:0px; width:100%;}
.products-home-main h3 { width:100%; line-height:80px; height:80px; margin-left:10px;}
.products-home-main h3 span { padding:0px 0px;}
.products-home-main ul li { float:none; width:auto; display:block; text-align:center; height:auto; overflow:hidden; border:5px solid #fff; position:relative;}

.download-pdf { width:100%; border-right:0px solid #fff; border:5px solid #fff; border-left:0px; border-top:0px;}
.linkedin { width:100%; border-bottom:0px solid #fff; border:5px solid #fff; border-left:0px;}

.content-main { margin:15px auto; min-height:150px;}
.content { margin:0; width:94%;}
.content-home { margin:0px auto; width:100%; padding:0px;}

.content-box { float:none; width:100%; border-bottom:1px solid #444; min-height:auto;}
.content-box .margin { margin:15px;}
.content-box h2 { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:22px; color:#444; font-weight:normal; text-transform:uppercase;}
.content-box p { padding-bottom:10px;}
.content-box-spacer { display:none; float:left; width:5%; min-height:205px; background:url(http://website-demos.in/proutdoors/site/images/content-box-dot.jpg) center top repeat-y;}
.content-box a.view-more { position:absolute; right:20px; bottom:10px;}

/* Start Home News */
.content-news {}
.content-news .margin { margin:15px;}
.content-news ul li .news .thumb { float:none; width:100%;}
.content-news ul li .news .thumb .arrow { display:none; position:absolute; right:0; top:0;}
.content-news ul li .news .news-data { float:none; width:90%; padding:2% 5%; height:auto; background:#EAE7E4;}
.news-pagging { padding-bottom:25px;}
/* End Home News */

/* Product Detail */
.product-gallery { float:none; width:100%;}
.ad-gallery { margin:0; width: 100% !important;}
.ad-gallery .ad-image-wrapper { height:535px !important;}
.ad-gallery .ad-image-wrapper img { width:100% !important;}
.ad-gallery .ad-nav { display:none !important;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-prev { height:535px !important;}
.ad-gallery .ad-image-wrapper .ad-image { position:inherit; left:0 !important; width:100% !important;}

.product-data { width:100%; margin-top:25px;}
.attri-tbl .lable { padding-right:25px; width:55%}
.attri-tbl .data { width:45%;}

/* Others */
.breadcrumb-main { display:none;}

/* Collection */
.left-pro-nav-main { float:none; width:100%; border:1px solid #e1e1e1; border-bottom:0px; padding-bottom:0px; min-height:auto !important;}
.right-pro-listing { float:none; width:100%; margin-top:30px;}
.right-pro-listing .pro-list-panel ul.product-list li { float:left; margin-right:24px !important; margin-bottom:15px; width:270px;}
.right-pro-listing .pro-list-panel ul.product-list li:nth-child(2n) { margin-right:0px !important;}
.right-pro-listing .pro-list-panel ul.product-list li:nth-child(3n) { margin-right:24px;}
.right-pro-listing .pro-list-panel { position:relative; margin:30px 0px 10px 0px;}
.right-pro-listing .pro-list-panel ul.product-list li .thumb { margin-bottom:10px; height:270px;}
.right-pro-listing .pro-list-panel ul.product-list li .thumb img { height:270px;}
.right-pro-listing .pro-list-panel ul.product-list li .fade-caption { height:270px;}

/* Start News */
.content ul.news { margin-top:25px;}
.content ul.news li { padding:0px 0px;}
.content ul.news li h2 { display:none; margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:22px; line-height:28px; color:#444; font-weight:normal; text-transform:uppercase;}
.content ul.news li div .thumb-left { float:none; width:100%; position:relative; margin-right:0px; margin-bottom:15px;}
.content ul.news li div .thumb-left .arrow { display:none; position:absolute; right:0; top:0; width:23px; z-index:3;}
.content ul.news li div .thumb-right { float:none; width:100%; position:relative; margin-left:0px; margin-bottom:15px;}
.content ul.news li div .thumb-right .arrow { display:none; position:absolute; left:0; top:0; width:23px; z-index:3;}
.content ul.news li div .thumb-left img, .content ul.news li div .thumb-right img { width:100%; height:auto;}
.content ul.news li div .news-line { margin-top:20px;}
.content ul.news li a { display:none;}
.content ul.news li div .news-data { float:none; width:100%;}
.news-pagging { padding-bottom:25px;}
/* End News */

/* Start Contact */
.content ul.contact { margin-top:25px;}
.content ul.contact li { padding:0px 0px 5px 0px;}
.content ul.contact li div .thumb-left { float:none; float:100%}
.content ul.contact li div .thumb-left img { max-width:100%;}
.content ul.contact li div .thumb-left .arrow { display:none;}
.content ul.contact li div .contact-right { float:none; padding-top:50px; margin-left:0px; background:url(../images/news-line.jpg) left 30px no-repeat;}
.content ul.contact li div .contact-right h2 { margin:0px 0px 5px 0px;}
.content ul.contact li div .contact-right p { line-height:30px;}
.col01 { float:none; width:96%;}
.col02 { float:none; width:96%;}
.drplong { width:100%;}
.drpshort { width:auto; margin-bottom:15px;}
.txtwidthhalf { width:96%;}
.txtremark { width:92%; padding:1% 2%; margin-bottom:15px;}
.colspacer { height:0px; display:none;}
.col label { margin-bottom:7px; margin-top:10px; display:block; font-size:14px;}
form.contact-form input, form.contact-form textarea, form.contact-form select { padding:5px 10px; border:1px solid #919292; background:#f2f4f3;}
form.contact-form .button { border:1px solid #444; padding:0px 15px; background:#fff; cursor:pointer; text-transform:uppercase; color:#444; font-size:18px; text-align:center; width:100px;}
form.contact-form .button:hover { border:1px solid #444; padding:7px 15px; background:#444; text-transform:uppercase; color:#fff; font-size:20px; text-align:center; width:100px;}
.submit-right { float:left;}
/* End Contact */

/* Footer */
footer { width:100%;}
.footer-top-main, .footer-bottom-main { width:100%;}
.footer-top, .footer-bottom { margin:0px auto; width:100%;}
.footer-top { padding:1px 0px;}
.footer-top h2 { margin:15px 0px 0px 18px;}
.footer-top .quicklinks { float:none; width:100%;}
.footer-top .quicklinks .margin { border-right:0px solid #616261; border-bottom:1px solid #616261; padding-bottom:20px; min-height:inherit; margin-right:0px; margin:0px 20px;}
.footer-top .quicklinks .margin .box { float:left; width:33%; margin-top:15px;}
.footer-top .newsletter { float:none; width:100%;}
.footer-top .newsletter .margin { border-right:0px solid #616261; border-bottom:1px solid #616261; padding-bottom:20px; min-height:inherit; margin-right:0px; margin:0px 20px; padding-right:0px;}
.footer-top .newsletter .margin p { padding:0px;}
.footer-top .newsletter .margin .bn-form { border:1px solid #000000; height:36px; width:65%;}
.footer-top .followus { float:none; width:100%;}
.footer-top .followus .margin { margin:0px 20px;}
.footer-top .followus .margin ul li { float:left; margin:15px 25px 15px 0px; line-height:31px;}

.footer-bottom { height:auto; line-height:45px;}
.footer-bottom .left { float:left; margin:0px 0px;}
.footer-bottom .right { float:right; margin:0px; margin:0px 40px 0px 20px;}
}

@media only screen and (min-width: 590px) and (max-width: 768px) and (orientation: landscape) {

}

/* iPad, tablets etc portrait ---- */
@media only screen and (min-width: 768px) and (max-width: 990px) {
.mean-container .mean-bar { width: 100%; float:none; position:absolute; margin-left1: 1%; margin-top:20px; }
.mean-container .mean-nav > br.clear { display1: none; }


.banner-main { margin:0px auto; width:100%; border:0px; text-align:center; height: auto; overflow:hidden;}
.banner-main-home { margin:0px auto; width:100%; text-align:center; height: auto; overflow:hidden;}
.banner-main img, .banner-main-home img { max-width:100%;}
.top-bar { position:inherit; margin-top:0px; width:100%; height:80px; text-align:center; background:url(../images/header-white-bg.png) left top repeat;}
header { margin:0px auto; position:relative; width:100%; height:80px;}
header .logo { float:left; padding-top:6px; margin-left:20px;}
header .logo a img { position:absolute; left:20px; top:8px; max-width:8%; z-index:999999;}
.mean-container .mean-nav { margin-top:60px;}

nav { float:right; width:80%; margin-right:20px; text-align:right; position:relative;}

.content-main { margin:15px auto; min-height:150px; width:100%;}
.content-main-home { width:100%;}
.content { margin:0px 3%; width:94%;}
img.con-pic-right { border:0 none; max-width:60%; margin-top:15px; margin-left:0px; float:none; vertical-align:top;}
.right, .con-pic-right { float:none; margin-left:0px;}

/* Home */
.banner-main-home { margin:0px auto; width:100%; border:0px; text-align:center; height: auto !important; overflow:hidden;}
.home-banner, .home-banner div, .home-banner div div, .home-banner div div img { margin:0px auto; width:100%; height:auto; text-align:center; position:relative;}
.banner-main img, .banner-main-home img { max-width:100% !important;}

.breadcrumb-main-home { margin:0px auto; width:100%; height:auto; font-size:18px;}
.breadcrumb-home { margin:0px; width:90%; text-align:right; padding:22px 0px 20px 65px; background:url(http://website-demos.in/proutdoors/site/images/breadcrumb-line.jpg) 55% 31px no-repeat;}
.breadcrumb-home p { margin:0px; padding:0px; line-height:24px;}
.breadcrumb-home p span { font-size:26px;}

.products-home-main { padding-bottom:0px; width:100%;}
.products-home-main h3 { width:100%; line-height:80px; height:80px; margin-left:15px;}
.products-home-main h3 span { padding:0px 0px;}
.products-home-main ul li { float:left; width:49.5%; display:block; text-align:center; height:auto; overflow:hidden; border:1px solid #fff; position:relative;}

.download-pdf { width:50%; height:182px; border:0px;}
.linkedin { width:50%; height:182px; border:0px;}

.content-main { margin:15px auto; min-height:150px;}
.content { margin:0; width:94%;}
.content-home { margin:0px auto; width:100%; padding:0px;}

.content-box { float:none; width:100%; border-bottom:1px solid #444; min-height:auto;}
.content-box .margin { margin:15px;}
.content-box h2 { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:22px; color:#444; font-weight:normal; text-transform:uppercase;}
.content-box p { padding-bottom:10px;}
.content-box-spacer { display:none; float:left; width:5%; min-height:205px; background:url(http://website-demos.in/proutdoors/site/images/content-box-dot.jpg) center top repeat-y;}
.content-box a.view-more { position:absolute; right:20px; bottom:10px;}

.content-news { margin-top:20px;}
.content-news .margin { margin:15px;}
.content-news ul li .news { background:none;}
.content-news ul li .news .thumb { float:none; width:98%; padding:0 1%;}
.content-news ul li .news .thumb .arrow { display:none; position:absolute; right:0; top:0;}
.content-news ul li .news .news-data { float:none; width:94%; margin:0 1%; padding:2%; height:auto; background:#EAE7E4;}
.bx-wrapper img { width:100%;}

/* Product Detail */
.product-gallery { float:left; width:50%;}
.ad-gallery { margin:0; width: 100% !important;}
.ad-gallery .ad-image-wrapper { height:350px !important;}
.ad-gallery .ad-image-wrapper img, .ad-gallery .ad-image-wrapper .ad-image img { max-width:100%;}
.ad-gallery .ad-nav { display:none !important;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-prev { height:350px !important;}

.product-data { width:45%;}
ul.pro-feature-icons li { margin-bottom:25px;}
.attri-tbl .lable { width:45%; padding-right:20px; padding-bottom:12px;}
.attri-tbl .data { width:55%; color:#000; padding-bottom:12px;}

/* Others */
.breadcrumb-main { width:100%;}
.breadcrumb { width:100%; padding-left:8%; background:url(../images/breadcrumb-line.jpg) 2.5% center no-repeat;}

/* Collection */
.left-pro-nav-main { float:none; width:720px; border:1px solid #e1e1e1; border-bottom:0px; padding-bottom:0px; min-height:auto !important;}
.right-pro-listing { float:none; width:720px; margin-top:30px;}
.right-pro-listing .pro-list-panel ul.product-list li { float:left; width:340px; margin-right:15px !important; margin-bottom:15px;}
.right-pro-listing .pro-list-panel ul.product-list li:nth-child(2n) { }
.right-pro-listing .pro-list-panel ul.product-list li:nth-child(3n) { margin-right:0px !important;}
.right-pro-listing .pro-list-panel { position:relative; margin:30px 0px 10px 0px;}
.right-pro-listing .pro-list-panel ul.product-list li .thumb { margin-bottom:10px;}
.right-pro-listing .pro-list-panel ul.product-list li .thumb, .right-pro-listing .pro-list-panel ul.product-list li .thumb img { max-height:340px !important}

/* Start News */
.content ul.news { margin-top:25px;}
.content ul.news li { padding:0px 0px;}
.content ul.news li h2 { display:none; margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:22px; line-height:28px; color:#444; font-weight:normal; text-transform:uppercase;}
.content ul.news li div .thumb-left { float:none; width:100%; position:relative; margin-right:0px; margin-bottom:15px;}
.content ul.news li div .thumb-left .arrow { display:none; position:absolute; right:0; top:0; width:23px; z-index:3;}
.content ul.news li div .thumb-right { float:none; width:100%; position:relative; margin-left:0px; margin-bottom:15px;}
.content ul.news li div .thumb-right .arrow { display:none; position:absolute; left:0; top:0; width:23px; z-index:3;}
.content ul.news li div .thumb-left img, .content ul.news li div .thumb-right img { width:100%; height:auto;}
.content ul.news li div .news-line { margin-top:20px;}
.content ul.news li a { display:none;}
.content ul.news li div .news-data { float:none; width:100%;}
.news-pagging { padding-bottom:25px;}
/* End News */

/* Start Contact */
.content ul.contact { margin-top:25px;}
.content ul.contact li { padding:0px 0px 5px 0px;}
.content ul.contact li div .thumb-left { float:none; float:100%}
.content ul.contact li div .thumb-left img { max-width:100%;}
.content ul.contact li div .thumb-left .arrow { display:none;}
.content ul.contact li div .contact-right { float:none; padding-top:50px; margin-left:0px; background:url(../images/news-line.jpg) left 30px no-repeat;}
.content ul.contact li div .contact-right h2 { margin:0px 0px 5px 0px;}
.content ul.contact li div .contact-right p { line-height:30px;}
.col01 { float:none; width:96%;}
.col02 { float:none; width:96%;}
.drplong { width:100%;}
.drpshort { width:auto; margin-bottom:15px;}
.txtwidthhalf { width:96%;}
.txtremark { width:92%; padding:1% 2%; margin-bottom:15px;}
.colspacer { height:0px; display:none;}
.col label { margin-bottom:7px; margin-top:10px; display:block; font-size:14px;}
form.contact-form input, form.contact-form textarea, form.contact-form select { padding:5px 10px; border:1px solid #919292; background:#f2f4f3;}
form.contact-form .button { border:1px solid #444; padding:0px 15px; background:#fff; cursor:pointer; text-transform:uppercase; color:#444; font-size:18px; text-align:center; width:100px;}
form.contact-form .button:hover { border:1px solid #444; padding:7px 15px; background:#444; text-transform:uppercase; color:#fff; font-size:20px; text-align:center; width:100px;}
.submit-right { float:left;}
/* End Contact */

/* Footer */
footer { width:100%;}
.footer-top-main, .footer-bottom-main { width:100%;}
.footer-top, .footer-bottom { margin:0px auto; width:100%;}
.footer-top { padding:1px 0px;}
.footer-top h2 { margin:15px 0px 0px 18px;}
.footer-top .quicklinks { float:none; width:100%;}
.footer-top .quicklinks .margin { border-right:0px solid #616261; border-bottom:1px solid #616261; padding-bottom:20px; min-height:inherit; margin-right:0px; margin:0px 20px;}
.footer-top .quicklinks .margin .box { float:left; width:33%; margin-top:15px;}
.footer-top .newsletter { float:none; width:100%;}
.footer-top .newsletter .margin { border-right:0px solid #616261; border-bottom:1px solid #616261; padding-bottom:20px; min-height:inherit; margin-right:0px; margin:0px 20px; padding-right:0px;}
.footer-top .newsletter .margin p { padding:0px;}
.footer-top .newsletter .margin .bn-form { border:1px solid #000000; height:36px; width:50%;}
.footer-top .followus { float:none; width:100%;}
.footer-top .followus .margin { margin:0px 20px;}
.footer-top .followus .margin ul li { float:left; margin:15px 25px 15px 0px; line-height:31px;}

.footer-bottom { height:auto; line-height:45px;}
.footer-bottom .left { float:left; margin:0px 0px;}
.footer-bottom .right { float:right; margin:0px; margin:0px 40px 0px 20px;}
}

@media only screen and (min-width: 768px) and (max-width: 990px) and (orientation: landscape) {

}

/* Laptops, Desktops, etc ---- */
@media only screen and (max-width: 1024px) {
/*	body:before { content: "Between 1024 and 1200";}*/

}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
/*	body:before { content: "Greater than 1200";}*/
.banner-main { margin:0px auto; width:100%; border:0px; text-align:center; height: auto; overflow:hidden;}
.banner-main-home { margin:0px auto; width:100%; text-align:center; height: auto; overflow:hidden;}
.banner-main img, .banner-main-home img { max-width:100%;}
.top-bar { position1:absolute; margin-top1:30px; width:100%; height:80px; text-align:center; background:url(../images/header-white-bg.png) left top repeat;}
header { margin:0px auto; position:relative; width:100%; height:80px;}
header .logo { float:left; padding-top:6px; margin-left:30px;}

#main-nav ul li a { line-height:71px; height:71px;}

nav { float:right; width:80%; margin-right:30px; text-align:right; position:relative;}

.content-main { margin:15px auto; min-height:450px;}
.content { width:96%;}
img.con-pic-right { border:0 none; max-width:60%; margin-top:15px; vertical-align:top;}

/* Home */
.banner-main-home { margin:0px auto; width:100%; border:0px; text-align:center; height: auto !important; overflow:hidden;}
.home-banner, .home-banner div, .home-banner div div, .home-banner div div img { margin:0px auto; width:100%; height:auto; text-align:center; position:relative;}
.banner-main img, .banner-main-home img { max-width:100% !important;}

.breadcrumb-main-home { margin:0px auto; width:100%; height:auto; font-size:18px;}
.breadcrumb-main { width:100%;}
.breadcrumb-home { margin:0px; width:76%; padding:22px 0px 20px 65px; background:url(http://website-demos.in/proutdoors/site/images/breadcrumb-line.jpg) 15px 31px no-repeat;}
.breadcrumb-home p { margin:0px; padding:0px; line-height:24px;}
.breadcrumb-home p span { font-size:26px;}

.products-home-main { padding-bottom:0px;}
.products-home-main h3 { width:100%; line-height:80px; height:80px; margin-left:15px;}
.products-home-main h3 span { padding:0px 0px;}
.products-home-main ul li { float:left; width:49.5%; display:block; text-align:center; height:auto; overflow:hidden; border:1px solid #fff; position:relative;}
.products-home-main iframe { height:290px !important;}
.download-pdf { width:50%; height:217px; border:0px;}
.linkedin { width:50%; height:217px; border:0px;}

.content-main { margin:15px auto; min-height:150px; width:100%;}
.content-main-home { width:100%;}
.content { margin:0; width:96%;}
.content-home { margin:0px auto; width:100%; padding:0px;}

.content-box { float:none; width:100%; border-bottom:1px solid #444; min-height:auto;}
.content-box .margin { margin:15px;}
.content-box h2 { margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:22px; color:#444; font-weight:normal; text-transform:uppercase;}
.content-box p { padding-bottom:10px;}
.content-box-spacer { display:none; float:left; width:5%; min-height:205px; background:url(http://website-demos.in/proutdoors/site/images/content-box-dot.jpg) center top repeat-y;}
.content-box a.view-more { position:absolute; right:20px; bottom:10px;}

.content-news { margin-top:20px;}
.content-news .margin { margin:15px;}
.content-news ul li .news { background:none;}
.content-news ul li .news .thumb { float:none; width:99%; margin:0 0.5%;}
.content-news ul li .news .thumb .arrow { display:none; position:absolute; right:0; top:0;}
.content-news ul li .news .news-data { float:none; width:95%; margin:0 0.5%; padding:2%; height:auto; background:#EAE7E4;}
.bx-wrapper img { width:100%;}

/* Collection */
.left-pro-nav-main { width:25%; border:1px solid #e1e1e1; border-bottom:0px;}
.right-pro-listing { width:70%; margin-top:0px;}
.right-pro-listing .pro-list-panel ul.product-list li { float:left; width:48%; margin-right:10px !important; margin-bottom:10px;}
.right-pro-listing .pro-list-panel { position:relative; margin:0px 0px 10px 0px;}
.right-pro-listing .pro-list-panel ul.product-list li .thumb { margin-bottom:5px; height:330px;}
.right-pro-listing .pro-list-panel ul.product-list li .thumb img { max-height:330px !important;}
.right-pro-listing .pro-list-panel .view-more { right:5px;}
.right-pro-listing .pro-list-panel ul.product-list li:nth-child(2n) { }
.right-pro-listing .pro-list-panel ul.product-list li:nth-child(3n) { margin-right:0px !important;}

/* Product Detail */
.product-gallery { float:left; width:50%;}
.ad-gallery { margin:0; width: 100% !important;}
.ad-gallery .ad-image-wrapper { height:470px !important;}
.ad-gallery .ad-image-wrapper img, .ad-gallery .ad-image-wrapper .ad-image img { width:100%;}
.ad-gallery .ad-nav { display1:none !important;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-prev { height:470px !important;}
.ad-gallery .ad-image-wrapper .ad-image { position:inherit; left:0 !important; width:100% !important;}

.product-data { width:45%;}
ul.pro-feature-icons li { margin-bottom:25px;}
.attri-tbl .lable { width:45%; padding-right:20px; padding-bottom:12px;}
.attri-tbl .data { width:55%; color:#000; padding-bottom:12px;}


/* Others */
.breadcrumb { width:100%; padding-left:6%; background:url(../images/breadcrumb-line.jpg) 1.5% center no-repeat;}

/* Start News */
.content ul.news { margin-top:25px;}
.content ul.news li { padding:0px 0px;}
.content ul.news li h2 { display:none; margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:22px; line-height:28px; color:#444; font-weight:normal; text-transform:uppercase;}
.content ul.news li div .thumb-left { float:none; position:relative; margin-right:0px; margin-bottom:15px;}
.content ul.news li div .thumb-left .arrow { display:none; position:absolute; right:0; top:0; width:23px; z-index:3;}
.content ul.news li div .thumb-right { float:none; position:relative; margin-left:0px; margin-bottom:15px;}
.content ul.news li div .thumb-right .arrow { display:none; position:absolute; left:0; top:0; width:23px; z-index:3;}
.content ul.news li div .thumb-left img, .content ul.news li div .thumb-right img { width:100%; height:auto;}
.content ul.news li div .news-line { margin-top:20px;}
.content ul.news li a { display:none;}
.content ul.news li div .news-data { float:none; width:100%;}
.news-pagging { padding-bottom:25px;}
/* End News */

/* Footer */
footer { width:100%;}
.footer-top-main, .footer-bottom-main { width:100%;}
.footer-top h2 { margin:0px 0px 30px 20px;}
.footer-top, .footer-bottom { margin:0px auto; width:100%;}
.footer-top .quicklinks { float:left; width:47%;}
.footer-top .quicklinks .margin { border-right:1px solid #616261; min-height:170px; margin-right:25px; margin-left:20px;}
.footer-top .quicklinks .margin .box { float:left; width:auto; margin-right:35px;}
.footer-top .newsletter { float:left; width:33%;}
.footer-top .newsletter .margin { border-right:1px solid #616261; min-height:170px; margin-right:25px; padding-right:45px;}
.footer-top .followus { float:right; width:20%;}
.footer-top .followus .margin { margin-left:20px;}
.footer-bottom .left { margin-left:0px;}
.footer-bottom .right { margin-right:40px;}
}

@media only screen and (min-width: 1201px) and (max-width: 2600px) {
/*	body:before { content: "Greater than 1200";}*/

/* Product Detail */
.product-gallery { float:left; width:50%;}
.ad-gallery { margin:0; width: 100% !important;}
.ad-gallery .ad-image-wrapper { height:690 !important;}
.ad-gallery .ad-image-wrapper img, .ad-gallery .ad-image-wrapper .ad-image img { max-width:100%;}
.ad-gallery .ad-nav { display1:none !important;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-next, .ad-gallery .ad-image-wrapper .ad-prev { height:690px !important;}

.product-data { width:45%;}
ul.pro-feature-icons li { margin-bottom:25px;}
.attri-tbl .lable { width:45%; padding-right:20px; padding-bottom:12px;}
.attri-tbl .data { width:55%; color:#000; padding-bottom:12px;}

}