@media screen and (max-width:1365px)

{

}

@media screen and (max-width:1280px)
{
  .right_part { width:40%;}
  .prenxt{ position:relative; bottom:25px;}
  .prenxt .left { margin-left:80px; float:left; z-index:99999;}
  .prenxt .right {margin-right:80px; float:right; z-index:99999;}

}

@media screen and (max-width:1024px)

{
.layout{ width:84%;}
.box1{width:45%;}
.area-detail{ width:100%; margin-bottom:50px;}
.layout1{ width:90%;}
.contctform textarea {width:58%;}
.mpbox iframe{ width:100%;}
.careerbox{ width:100%;}

.main{background-size:100%;}
.box { width:92%;}
.left_side { display:none;}
.videobox{ width:250px; height:125px;}
.videobox img{ width:100%; }
.image {left:151px;}

.price-bs {left:8px;}
.enquire-now a {left:95px;}
.enquiry img{ width:100%;}

.trigger {left:82px;}
.sort { right:40px;}
.contctform input { width:204px;}

}

@media screen and (max-width:980px)
{
	.contctform input {width: 194px;}
}


@media screen and (max-width:800px)
{
/******************************Dealer Locator*************************/
.layout{ width:84%;}
.box1{width:45%;}
.area-detail{ width:100%; margin-bottom:50px;}
/*****************about us***************/
.about-bg{ float:left;}
.ab-hding{ font-size:22px; margin-top:40px;}
#timeline { width:100%;}
.container{ background:url(../images/tmbg.jpg); height:90px; clear:both;}
.header-right {margin-top:34px; margin-right:76px;}

.prenxt {top:150px;}
.prenxt .left {margin-left: 10px;}
.right_part{ width:87%;}
.banner { position:static;}
.bx-wrapper {position:static !important; float:left !important;}
.enquiry{ width:50%;}
#element_to_pop_up{ width:450px !important; margin-top:10px !important; z-index:99999 !important;}
/***************inner page*************/
.layout1{ width:84%;}
.contctform input{width:118px;}
.contctform textarea{ width:47%;}
.mpbox iframe{ width:100%;}
/***************careere*********/
.careerbox{ width:100%;}
.cibox input{width: 268px;}
.cibox1 textarea{ width:571px;}

.f-images-bx { width:100%; margin-bottom:20px;}
.f-images-bx img{ width:100%;}
.image{ left:0px;}

/****************desktop slider**************/
.desktop-banner { display:none;}
.mobile-banner { display:inherit; width:100%; float:left;}
.trigger { left:137px;}

.prenxt {top:180px; width:auto; position:absolute;}
.prenxt .mbtseff {padding:2px 2px; font-size:12px;}
.prenxt .left {margin-left:220px; margin-right:30px;}

.sort { right:40px;}

}


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

{

/******************************Dealer Locator*************************/
.layout{ width:84%;}
.box1{width:45%;}
.area-detail{ width:100%; margin-bottom:50px;}
/*****************about us***************/
.about-bg{ float:left;}
.ab-hding{ font-size:22px; margin-top:40px;}
#timeline { width:100%;}
.container{ background:url(../images/tmbg.jpg); height:90px; clear:both;}
.header-right {margin-top:34px; margin-right:76px;}

.prenxt {top:150px;}
.prenxt .left {margin-left: 10px;}
.right_part{ width:87%;}
.banner { position:static;}
.bx-wrapper {position:static !important; float:left !important;}
.enquiry{ width:50%;}
#element_to_pop_up{ width:450px !important; margin-top:10px !important; z-index:99999 !important;}
/***************inner page*************/
.layout1{ width:84%;}
.contctform input{width:118px;}
.contctform textarea{ width:47%;}
.mpbox iframe{ width:100%;}
/***************careere*********/
.careerbox{ width:100%;}
.cibox input{width: 268px;}
.cibox1 textarea{ width:571px;}

.f-images-bx { width:100%; margin-bottom:20px;}
.f-images-bx img{ width:100%;}
.image{ left:0px;}
.outer-footer { position:inherit;}
.termscontent {width:95%; padding:20px 10px; text-align:justify;}

/****************desktop slider**************/
.desktop-banner { display:none;}
.mobile-banner { display:inherit; width:100%; float:left;}
.trigger { left:135px;}

.prenxt {top:180px; width:auto; position:absolute;}
.prenxt .mbtseff {padding:2px 2px; font-size:12px;}
.prenxt .left {margin-left:220px; margin-right:30px;}
	
.sort { right:73px;}

}



@media screen and (max-width:736px)
{
	.termscontent {width:95%; padding:20px 10px; text-align:justify;}
	.outer-footer { position:inherit;}
	.feedback { display:none;}
	
	.prenxt {top:180px; width:auto; position:absolute;}
    .prenxt .mbtseff {padding:2px 2px; font-size:12px;}
    .prenxt .left {margin-left:220px; margin-right:30px;}
	
	.sort { right:69px;}
	
	.contctform input {width: 109px;}
}


@media screen and (max-width:667px)
{
	.termscontent {width:95%; padding:20px 10px; text-align:justify;}
	.outer-footer {position:inherit;}
	.cibox input {width:227px;}
	.cibox1 textarea {width: 490px;}
	.feedback { display:none;}
	
	.prenxt {top:180px; width:auto; position:absolute;}
    .prenxt .mbtseff {padding:2px 2px; font-size:12px;}
    .prenxt .left {margin-left:180px; margin-right:30px;}
	.sort { right:60px;}
	
	.mpbox1 { width:100%;}
    .mpbox { width:100%;}
    .contctform input { width:71%;}
    .contctform textarea {width:71%;}
	
	.trigger {left:103px;}
	
}



@media screen and (max-width:640px)
{
	.termscontent {width:95%; padding:20px 10px; text-align:justify;}
	.outer-footer { position:inherit;}
	.cibox input { width:185px;}
	.cibox1 textarea { width:90%;}
	.feedback { display:none;}
	.prenxt {top:180px; width:auto; position:absolute;}
    .prenxt .mbtseff {padding:2px 2px; font-size:12px;}
    .prenxt .left {margin-left:180px; margin-right:30px;}
	
	.sort { right:57px;}
	
	.mpbox1 { width:100%;}
    .mpbox { width:100%;}
    .contctform input { width:71%;}
    .contctform textarea {width:71%;}
	.trigger {left: 105px;}

}


@media screen and (max-width:540px)
{
.main{padding:20px 0px 10px;}
.container{ background:url(../images/tmbg.jpg); height:90px; clear:both;}
.header-left { left:10px; left:10px; position:absolute;}
.header-right {margin-top:30px; float:right; margin-left:10px;}
.sear { width:108px;}

.banner { position:static;}
.bx-wrapper {position:static !important; float:left !important;}
.product-data {padding:0px 0px 41px;}
.enquiry{ width:50%;}
.box{ left:0px;}
#element_to_pop_up{ width:450px !important; margin-top:10px !important; z-index:99999 !important;}
.left_side{ display:none;}
.center_part{width:98%; margin:0px !important;}
.right_part{ width:87%;}
.prenxt {top:150px;}
.prenxt .left {margin-left: 10px;}

.videobox {width:182px; height:111px;}
.videobox img { width:100%;}
.cibox input{width: 179px;}
.cibox1 textarea { width:90%;}
.f-images-bx { width:100%; margin-bottom:80px;}
.f-images-bx img{ width:100%;}
.image{left: 171px;}
.enquire-now a { left:90px;}
.feedback{ top:47%; display:none;}
.outer-footer { position:inherit;}
.termscontent {width:95%; padding:20px 10px; text-align:justify;}

.prenxt {top:180px; width:auto; position:absolute;}
.prenxt .mbtseff {padding:2px 2px; font-size:12px;}
.prenxt .left {margin-left:120px; margin-right:30px;}

.sort { position:absolute; right:45px;}

.mpbox1 { width:100%;}
.mpbox { width:100%;}
.contctform input { width:307px;}
.contctform textarea { width: 71%;}
.trigger { left:86px;}

}



@media screen and (max-width:482px)
{
/**************navigation open css********************/
.menu 
{ 
position:absolute; 
z-index:999999; 
background:#b6151d url(../images/mobile-nav.jpg) repeat-x; 
border-radius:10px; 
-moz-border-radius:10px; 
-web-kit-border-radius:10px; 
padding:0px 10px; 
margin-top:5px;
}

.menu ul li { padding:0px !important;}
.menu ul li a span { padding:1% 11% !important; }
.menu ul li a img { display:none;}
.drop-down{ top:38px; }
.drop-down ul {padding: 15px 10px 15px 5px;}
.drop-down ul li{ float:left; border-right:none; width:100%;}
.drop-down ul li a span { padding:2px 2px 2px 10px !important; margin-top:0px !important; float:left; text-align:left;}
/**************navigation close css********************/
.container{ background:url(../images/tmbg.jpg); height:120px; clear:both;}
.header{ width:100%; float:left;}
.header-left{ top:0px; left:10px; float:left; position:inherit !important;}
.logo 
{
 width: 100%;
 float: left;
 text-align: center;
}
/*.logo img{ width:100%;}*/
.sear{ width:75%;}
.header-right {float:left; width:100%; margin-top:0px; margin-left:0px;}
.social-icon{margin-left:7%; margin-bottom:20px; margin-top:10px;}
.search{ margin-top:5px;}
.feedback{ top:47%; display:none;}

<!--.opt1 #form { width:180px !important;}-->
#form {width:158px !important;}
.fancybox-wrap{z-index:99999 !important;}
/******************slider open*****************/
.banner { position:static;}
.bx-wrapper { position:static !important; float:left !important;}
/******************************Dealer Locator*************************/
.layout{ width:84%;}
.box1{width:96%;}
.area-detail{ width:100%; margin-bottom:50px;}
/******************************category open*************************/
.details-left {}
.sort { margin-top:0px; background:#000!important; padding:4px 0px; border-left:3px solid #ee1c25; position:inherit; float:left; width:93%;}
.sort h4{ padding:0px 20px 0px 20px; float:left;}
.details-right{ width:90%; float:left; padding-left:20px;}
.enquiry{ float:left; width:100%;}
.image{ position:relative; left:100px; top:0px; display:none;}
.box{ margin-top:0px; left:15px;}
/******************************product-details*************************/
.left_side {width:19%; margin:74px 0px 0px 14px; display:none;}
.prd-tab-menu li { padding:10px 21px; }
.center_part {margin:0px; width:98%; text-align:center; padding-top:0px;}
.center_part img { width:92%; float:none; height:auto;}
.right_part 
{
width: 90%;
margin: 0px 0px 0px 15px;
padding-bottom: 0px;
float: left;
}
.right_part ul{ width:86%; padding: 0px 0px 20px 14px;}
.hlinebox { display:none;}
/********************enquiry now popup*************/
#element_to_pop_up{ width:273px !important; margin-top:10px !important; z-index:99999 !important;}
.right_part .button { float:left; position:static; margin-left:2px; margin-top:1px;}
.termshding{margin-top:0px;}
.layout1{ width:90%;}
.termscontent{width:95%; padding:20px 10px; text-align:justify;}
/************career box open****/
.careerbox{ width:100%;}
.cibox { width:100%;}
.cibox span { margin-top:0px; margin-bottom:8px; width:100%;}
.cibox input{ width:94%;}
.cibox1 textarea{ width:94%;}
.cibox1 span{ width:100%;}
.cbtns{ margin-top:-40px; float:left;}
.mpbox1{ width:100%;}
.contctform{ margin-bottom:0px;}
.contctform span{ width:100px; margin-bottom:5px;}
.contctform input{ width:69%;}
.contctform textarea{ width:69%; height:61px;}
.contctform .cbtns { margin-top:0px;}
.mpbox{ width:100%;}
.mpbox iframe{ width:100%; float:left;}
.view-exp-button ul li{margin:10px 0px;}

/*****************about us***************/

.about-bg{ float:left;}
.ab-hding{ font-size:22px; margin-top:40px;}
#timeline { width:300px;}
#dates { width:300px; top:87%; left:0%;}

#issues { width:300px;}
#issues li { width:300px;}
#issues li img { border:2px solid #fff; width:50px; height:50px; margin:20px 0px 10px 10px; float:left; display:none }
#issues li h1 {color:#ee1c25; font-size:48px; margin:0px 0px; text-shadow:#000 1px 1px 2px; float:left;}
#issues li p { font-size:14px; margin-right:70px; font-weight:normal; line-height:22px; color:#fff; width:200px; float:left;}
/*********************previous next***********************/
.prenxt {top:305px;}
.prenxt .left {margin-left: 10px;}
/**********************************zoom effects********************/
.videobox {width:227px; height:137px;}
.videobox img { width:100%;}
.f-images-bx { width:100%; margin-bottom:80px;}
.f-images-bx img{ width:100%;}
.t-box-cnt{ text-align:center;}
.t-box-cnt img { float:none;}
.t-hding { width:100%; float:left;}
.t-box-cnt p { float:left;}
.t-box-cnt1 img{ float:left; margin:0px 15px 10px 0px; width:98%; border:1px solid #9b9999; background-color:#fff; padding:2px;}

.prenxt {top:200px; width:auto; position:absolute;}
.prenxt .mbtseff {padding:2px 2px; font-size:12px;}
.prenxt .left {margin-left:120px; margin-right:30px;}

.trigger {left:146px; top:212px;}

}

@media screen and (max-width:360px)
{
	.enquiry 
	{
    float:left;
    width:100%;
	margin:10px 0px 10px 0px;
    }
	
	.prenxt {top:200px; width:auto; position:absolute;}
    .prenxt .mbtseff {padding:2px 2px; font-size:12px; margin-left:10px;}
	.prenxt .left {margin-left:40px; margin-right:20px;}
	
	.contctform input {width:53%;}
	.contctform textarea {width:53%;}
	.trigger { left:113px;}
}

@media screen and (max-width:320px)
{
	.enquiry 
	{
    float:left;
    width:100%;
	margin:10px 0px 10px 0px;
    }
    
	.prenxt {top:200px; width:auto; position:absolute;}
    .prenxt .mbtseff {padding:2px 2px; font-size:12px; margin-left:10px; }
	.prenxt .left {margin-left:22px; margin-right:0px;}
	
	.contctform input {width:53%;}
	.contctform textarea {width:53%;}
	.trigger { left:87px;}

}

/******************************** slider********************/
@media only screen and (min-device-width:300px)  and (max-device-width:800px) 
{ 
.desktop-banner { display:none;}
.mobile-banner { display:inherit; width:100%; float:left;}
}