/* =======================================
SHEBU RESPONSIVE STYLES - DEVICES RESOLUTION
========================================== */

/* good method for responsive shahwal (shaibu)
@media all and (max-width: 991px) {}
@media all and (max-width: 569px) {}
*/

@media all and (max-width: 569px) {}




@media all and (max-width: 999px /* 569px shebu */ ) {	
/* items */
.taskarea .allitem {width: 100%;}
.allitem h2 {font-size: 28px;}
.allitem p {font-size: 13px;}
.itemblock ul li .pic img {width:100%; height:auto;}


/*nav*/
.abs-respons-menu{
	background-image: url(../images/nav-icon-small.png);
	background-repeat: no-repeat;
	background-position:center center;
	float: right;
	width:40px;
	height:30px;
	padding:6px 12px;
	background-color:#00454e;
	position:absolute;
	top:5px;
	right:40% !important;
}
.abs-respons-menu:hover .nv-left{display:block !important; margin-top:24px; z-index:111111;}
.nvin .nv-left {display:none;}

.nv {height:40px; position:relative;}
.nv .nvin {width: 100%;}




/*Logo + contact*/
.topa .topa-in {float:left;	width: 100%;}
.topa-in .logo {
	text-align:center;
	float:left;
	height: auto;
	width: 100%;
	position: relative;
	margin-top: 0px;
}
.topa-in .logo img {width:auto; height:55px;}
.topa-in .call {padding-bottom:0px; height:auto; width: 100% !important; background-image: url(../images/right-tag-line300px.png);
	background-position: left top; float:none; text-align:center;}
.call p {margin-left:10px;font-size: 14px; font-weight:600; text-align:center;}


/*banner index*/
.bn {height: auto;}
.bn .bn-in {width: 100%;}
.bn-in ul li {height: auto; min-height:146px; max-height:260px;}
.bn-in ul li img {width:100%; height:auto;}


/*banner innerpages*/
.innerban {
	height: auto;
	width: 100%;
}
.innerban .innerban-in {width: 94%;}
.innerban-in .title {
	font-size: 26px;
	line-height: 30px;
	margin: 30px 0;
	position: relative;
	font-weight: 600;
}
.innerban-in .items {display:none;}


/*Showchase Gallery*/
.showchase {width: 100%; padding-top: 60px;	padding-bottom: 40px;}
.showchase .showchase-in {width: 96%;}
.showchase-in h2 {
	font-family: "Open Sans";
	font-size: 28px;
	line-height: 32px;
	font-weight: 700;
	color: #333333;
	text-align: center;
	text-transform: uppercase;
}
.showchase-in h4 {
	font-family: "Open Sans";
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
	color: #666666;
	text-align: center;
	text-transform: uppercase;
	margin-bottom:40px;
}
.dtp-sc-sponsor-carousel-wrapper {}
.dtp-sc-sponsor-carousel {list-style:none; text-align:center;}
.dtp-sc-sponsor-carousel li {height:auto !important;}
.dtp-sc-sponsor-carousel li .prod {; width:auto; height:auto; background-color:#FFF;  border:solid 1px #dbdbdb; 
padding:10px 10px 20px 10px !important;}
.dtp-sc-sponsor-carousel li .prod h3 {margin:22px 0 15px 0; text-align:left; font-size:15px;}
.dtp-sc-sponsor-carousel li .prod img {width:100% !important;;}

.dtp-sc-sponsor-carousel-wrapper .pcarousel-arrows{top:100px !important;}
.dtp-sc-sponsor-carousel-wrapper .pcarousel-arrows a{background:url(../images/home_arrows.png)}
.dtp-sc-sponsor-carousel-wrapper .pcarousel-arrows a.psponsor-prev{margin-left:0px;}
.dtp-sc-sponsor-carousel-wrapper .pcarousel-arrows a.psponsor-next {margin-right:1px !important;}	


/*welcome*/
.welc {padding-top: 10px; padding-bottom: 10px;}
.welc .wel-in {width: 94%;}
.wel-in .title {font-size: 24px; line-height: 30px;}
.wel-in p {font-size: 13px;	line-height: 22px;}

.adv {padding-top: 20px; padding-bottom: 20px;}
.adv .adv-in {width: 94%;}
.adv-in ul li {width:100%;margin-right:0%; text-align:center;}
.adv-in ul li:last-child {margin-right:0;}
.adv-in ul li img {width:100%;}



/*footer*/
.ftr-a {padding-top: 10px; padding-bottom: 10px;}
.ftr-a .ftra-in {width: 94%;}
.ftra-in .terms {width: 70%;}
.ftra-in ul li {margin-right:8px;}
.ftra-in ul li a {line-height:20px; font-size:12px; text-decoration:none;}
.ftra-in ul li a:hover {text-decoration:underline;}

.ftra-in .social {
	float: right;
	width: 70px;
	position: relative;
}

.ftr-b {padding-top: 20px; padding-bottom: 20px;}
.ftr-b .ftrb-in {width: 100%;}
.copyr {width: 100%; text-align:center;	font-size: 12px; line-height: 16px;}
.designby {float: right; text-align:center; width: 100%; font-size: 12px; line-height: 16px;}
.designby a {color: #757575; text-decoration:none;}


/*Detail Page */
.detail {width: 100%; padding-top: 10px;}
.detail .detail-in {width: 94%;}
.detail-in .alldetail {width: 100%;}
.alldetail .picblock {width: 100%; margin-bottom:20px;}
.picblock .zoompic {height: auto;	width: 100%;}
.picblock .zoompic img {width: 100%;}
.picblock .capt {width: 100%;}
.alldetail .txtdetail {width: 100%;}
.txtdetail h2 {font-size: 24px; line-height: 30px;}
.txtdetail p {font-size: 13px; line-height: 20px; text-align:justify;}
.txtdetail ul {margin-bottom:13px;}
.txtdetail ul li {font-size: 13px;	line-height: 20px;}
.alldetail .quickcont {
	background-image: url(../images/quick-contact.png);
	background-repeat: no-repeat;
	height: 48px;
	width: 229px;
	display: block;
	float: left;
	margin-top: 40px;
	position: relative;
}
.alldetail .quickcont a {
	font-family: "Open Sans";
	font-size: 21px;
	line-height: 48px;
	font-weight: 600;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
	text-indent: 35px;
}


/*After banner navigation product range*/
.backhome {padding-top: 25px;padding-bottom: 25px;}
.backhome .back-in {width: 94%;}
.back-block .left {float: left;	width: 100% ; position: relative;}
.back-block .left ul li a {font-size:12px;}
.back-block .left ul li {background-image: url(../images/direction-small.jpg); padding-right: 12px;	margin-right: 6px;}
.back-block .right {display:none;}


/*List Product Page */
.tarea {}
.tarea .tarea-in {width: 94%;}
.taskarea .sdnav {
	float: left;
	width: 100%;
	position: relative;
	height: auto;
}
.sdnav ul {list-style-type: none; display:block;}
.sdnav ul li {text-align: left;display: block;}
.sdnav ul li ul {margin-left:28px;}
.sdnav ul li ul li {;}
.sdnav ul li a:hover {color:#da1513;}
.sdnav ul li a {font-size: 14px;line-height: 30px;padding:4px 0 4px 10px;}
.sdnav ul li ul li a {
	color: #777777;
	display:block;
	background-image: url(../images/click.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-color:transparent;
}
.sdnav ul li:last-child a {border:none;}
.sdnav ul li ul a {border:none; margin-bottom:0; font-weight:normal; padding:0 0 0 10px;}

.sdnav ul li ul {display:none;}
.sdnav ul li:hover ul {display:block;}
.sdnav ul li {display:inline !important;}
.sdnav ul li ul li {display:inline !important;}




/*Faq */
.faq {}
.faq .faq-in {width: 94%;}
.faq-in p {font-size: 13px;	line-height: 22px;	margin-bottom:18px;}

/*about us*/
.about {}
.about .about-in {width: 94%;}
.about-in h4 {font-size: 16px; line-height: 20px;	margin:28px 0 8px 0;}
.about-in p {font-size: 13px;	line-height: 22px;}
.about-in ul {margin-left:30px;margin-bottom:14px;}
.about-in ul li {font-size: 13px;	line-height: 22px;}


/*contct us*/
.contact {}
.contact .contact-in {width: 94%;}

.contarea .col-left {float:left; height:auto; width:100%;}
.contcfom label {font-size: 13px;	width: 100%;	margin-bottom: 10px;}
.contcfom label input  {font-size: 13px;}
.contcfom label select  {font-size: 13px;}
.contcfom label textarea  {font-size: 13px;}


.contarea .col-right {float:right; height:auto; width:100%; margin-top:26px;}
.col-right h3 {font-size: 18px;	margin: 24px 0 10px 0;}
.col-right h4 {
	font-family: "Open Sans";
	font-size: 18px;
	line-height: 18px;
	font-weight: 600;
	color: #00474a;
	margin:18px 0 4px 0;
}
.col-right p {font-size: 13px;	line-height: 20px;	text-align:left;	margin-bottom:4px;}

}


@media all and (max-width: 991px) {

}



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

}



@media only screen and (min-width: 570px) and (max-width: 770px){

}


@media only screen and (min-width: 771px) and (max-width: 991px){

}




@media only screen and (min-width: 370px) and (max-width: 520px){
.gallrychase .gallrychase-in {width:98% !important;}

.cat-item .prod{
width:47% !important;
    margin: 20px 1.5% 20px 1.5% !important;
    padding: 10px;
    border:1px solid #ccc;
}



}



@media only screen and (min-width: 521px) and (max-width: 999px){
.gallrychase .gallrychase-in {width:98% !important;}
.cat-item .prod{
width:30% !important;
    margin: 20px 1.5% 20px 1.5% !important;
    padding: 10px;
    border:1px solid #ccc;
}

}



@media only screen and (min-width: 480px) and (max-width: 569px){
 
}



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

}



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

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

}



@media (min-width: 1200px) {

}




@media (min-width: 1340px){

}

@media only screen and (min-width: 380px) and (max-width: 700px) {



/* Contact us*/
.contcfom label {font-size: 14px;
	font-weight: normal;
	float: left;
	width: 46%;
	position: relative;
	margin-right: 4%;
	margin-bottom: 27px;
	color:#777777;
}

}









/*Copy all below CSS - Ar Creation 28 March 2017  */

@media only screen and (min-width: 150px) and (max-width: 380px){
/*28 March Ar Creation*/
.gallrychase {width: 100%; padding-top: 60px; padding-bottom: 40px;}
.gallrychase .gallrychase-in {width:90%;}
.gallrychase-in h2 {font-size: 22px;line-height: 32px;font-weight: 700;}
.gallrychase-in h4 {font-size: 16px; line-height: 20px;	font-weight: 600;	margin-bottom:40px;}
.newchase {width:100%; height:auto; float:left;}
.newchase ul {list-style:none;}
.newchase ul li {width:100%; float:left; height:auto; margin-bottom:20px;}
.newchase ul li .prod {width:100%; padding:10px 5% 15px 5% !important;}
.newchase ul li .prod .item {background-color:#f7f7f7;}
.newchase ul li .prod h3 {margin:15px 0 8px 0; font-size:16px;}
.newchase ul li .prod img {width:100%;;}
.newchase ul li .prod .view-m {width:102px; height:30px;;}
.newchase ul li .prod .view-m a {line-height:30px; font-size:13px;}


/* items */
.itemblock {padding-top: 25px;}
.itemblock ul li {
	height: auto;
	width: 100%; /* width: 94%; */
	border: 1px solid #dbdbdb;
	float: left;
	position: relative;
	padding: 3%;
}
.itemblock ul li .pic {
	float: left;
	height: auto;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.itemblock ul li .pic img {width: 100%; height:auto;}
.itemblock ul li .v-detail {width:auto; height:30px; float:right; position:relative;}

}

@media only screen and (min-width: 381px) and (max-width: 619px){
/*28 March Ar Creation*/
.gallrychase {width: 100%; padding-top: 60px; padding-bottom: 40px;}
.gallrychase .gallrychase-in {width:98%;}
.gallrychase-in h2 {font-size: 22px;line-height: 32px;font-weight: 700;}
.gallrychase-in h4 {font-size: 16px; line-height: 20px;	font-weight: 600;	margin-bottom:40px;}
.newchase {width:100%; height:auto; float:left;}
.newchase ul {list-style:none;}
.newchase ul li {width:48%; float:left; height:auto; margin:0 1% 15px 1%;}
.newchase ul li .prod {width:100%; padding:10px 5% 15px 5% !important;}
.newchase ul li .prod .item {background-color:#f7f7f7;}
.newchase ul li .prod h3 {margin:15px 0 8px 0; font-size:15px;}
.newchase ul li .prod img {width:100%;;}
.newchase ul li .prod .view-m {width:102px; height:30px;;}
.newchase ul li .prod .view-m a {line-height:30px; font-size:12px;}


/* items */
.itemblock ul li:nth-child(even) {margin-right: 0 !important;}
.itemblock ul li {
	height: auto;
	width: 47% !important;
	border: 1px solid #dbdbdb;
	float: left;
	position: relative;
	padding: 3% !important;
	margin-bottom: 30px;
	margin-right: 3% !important;
}

}

@media only screen and (min-width: 620px) and (max-width: 999px){
/*28 March Ar Creation*/
.gallrychase {width: 100%; padding-top: 60px; padding-bottom: 40px;}
.gallrychase .gallrychase-in {width:96%;}
.gallrychase-in h2 {font-size: 28px; line-height: 32px;	font-weight: 700; color: #333333; text-align: center; text-transform: uppercase;}
.gallrychase-in h4 {font-size: 18px; line-height: 20px;	margin-bottom:40px;}
.newchase {width:100%; height:auto; float:left;}
.newchase ul {list-style:none;}
.newchase ul li {width:30%; float:left; height:auto; margin:0 1.5% 15px 1.5%;}
.newchase ul li .prod {width:100%; padding:10px 5% 15px 5% !important;}
.newchase ul li .prod .item {background-color:#f7f7f7;}
.newchase ul li .prod h3 {margin:15px 0 8px 0; font-size:15px;}
.newchase ul li .prod img {width:100%;;}
.newchase ul li .prod .view-m {width:102px; height:30px;;}
.newchase ul li .prod .view-m a {line-height:30px; font-size:13px;}

/* items */
.itemblock ul li:nth-child(3) {margin-right: 0 !important;}
.itemblock ul li {
	height: auto;
	width: 33% !important;
	border: 1px solid #dbdbdb;
	float: left;
	position: relative;
	padding: 3% !important;
	margin-bottom: 30px;
	margin-right: 3% !important;
}


}