@media (max-width: 1024px){
}
@media(max-width:768px){
	.dropdown-content {
  margin:0px;
    height: auto;
    top: auto;
    overflow-x: scroll;
    position: inherit;
}
.downArrow{
	    padding: 8px 10px;
    background: #e78f20;
    float: right;
    font-size: 22px;
    color: #fff;
}
.thimb-div {
    margin-left: 0px !important;
}
}

@media(min-width:650px) AND (max-width:768px){
	.p1{
	width:100%;
	position: relative;
	display: block;
	float: left;
}.p2{
	width:100%;
	position: relative;
	display: block;
	float: left;
}
	.tp-header{    
	display: block;
    position: absolute;
    top: 20%;
    width: 100%;
    text-align: center;
    padding: 25px 0px;
	text-shadow: 12px 12px 14px red;	 
	}
	.navbar-inner {
    background: #181A1C;
    border-radius: 0;
    filter: none;
    border: none;
    box-shadow: none;
    z-index: 99999;
    position: absolute;
    display: block;
    width: 100%;
    padding: 10px 0px;}
    
	.tp-header h1{	   
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    line-height: 28px;
    color: #fff !important;
}
	.tp-header h2 {
   font-weight: 600;
    font-size: 38px;
    text-align: center;
    line-height: 22px;
    color: #fddb3e;
}
.content-slider{
	
	height: 145px !important;
}.clone{
	width:200px !important;
}
.lslide{
	width:200px !important;
}
.product-left {
    width:100%;
    position: relative;
    display: block;
    float: left;
    background: #888888 !important;
    height: 100%;
}
.product-right {
    width: 100%;
    position: relative;
    display: block;
    float: right;
    background: #888888 !important;
    height: 100%;
}

}
@media(min-width:499px) AND (max-width:649px){
	.vedio-right {
		width: 100%;
		margin-bottom: 15px;
		}.vedio-left {
		width: 100%;
		margin-bottom: 15px;
		}
	.p1{
	width:100%;
	position: relative;
	display: block;
	float: left;
}.p2{
	width:100%;
	position: relative;
	display: block;
	float: left;
}
	.tp-header{    
	display: block;
    position: absolute;
    top: 18%;
    width: 100%;
    text-align: center;
    padding: 25px 0px;
	text-shadow: 12px 12px 14px red;	 
	}
	.navbar-inner {
    background: #181A1C;
    border-radius: 0;
    filter: none;
    border: none;
    box-shadow: none;
    z-index: 99999;
    position: absolute;
    display: block;
    width: 100%;
    padding: 5px 0px;}
    
	.tp-header h1{	   
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    line-height: 28px;
    color: #fff !important;
}
	.tp-header h2 {
   font-weight: 600;
    font-size: 38px;
    text-align: center;
    line-height: 22px;
    color: #fddb3e;
}
.content-slider{
	
	height: 145px !important;
}.clone{
	width:200px !important;
}
.lslide{
	width:200px !important;
}
.product-left {
    width:100%;
    position: relative;
    display: block;
    float: left;
    background: #888888 !important;
    height: 100%;
}
.product-right {
    width: 100%;
    position: relative;
    display: block;
    float: right;
    background: #888888 !important;
    height: 100%;
}

}

@media(min-width:400px) AND (max-width:500px){
	.vedio-right {
		width: 100%;
		margin-bottom: 15px;
		}.vedio-left {
		width: 100%;
		margin-bottom: 15px;
		}
	.p1{
	width:100%;
	position: relative;
	display: block;
	float: left;
}.p2{
	width:100%;
	position: relative;
	display: block;
	float: left;
}
	.tp-header{    
	display: block;
    position: absolute;
    top: 15%;
    width: 100%;
    text-align: center;
    padding: 25px 0px;
    text-shadow: 12px 12px 14px red;	 
	}
	.tp-header h1{	   
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    line-height: 28px;
    color: #fff !important;
}
	.tp-header h2 {
       font-weight: 600;
    font-size: 36px;
    text-align: center;
    line-height: 22px;
    color: #fddb3e;
}
.content-slider{
	
	height: 145px !important;
}.clone{
	width:200px !important;
}
.lslide{
	width:200px !important;
}
.product-left {
    width:100%;
    position: relative;
    display: block;
    float: left;
    background: #888888 !important;
    height: 100%;
}
.product-right {
    width: 100%;
    position: relative;
    display: block;
    float: right;
    background: #888888 !important;
    height: 100%;
}
.title h2{
	font-size: 31px !important;
}

}

@media(min-width:300px) AND (max-width:399px){
	.vedio-right {
		margin-bottom: 15px;
		width: 100%;
		}.vedio-left {
		width: 100%;
		margin-bottom: 15px;
		}
	.product-left {
    width:100%;
    position: relative;
    display: block;
    float: left;
    background: #888888 !important;
    height: 100%;
}
.product-right {
    width: 100%;
    position: relative;
    display: block;
    float: right;
    background: #888888 !important;
    height: 100%;
}
	.p1{
	width:100%;
	position: relative;
	display: block;
	float: left;
}.p2{
	width:100%;
	position: relative;
	display: block;
	float: left;
}
.content-slider{
	
	height: 140px !important;
}.clone{
	width:220px !important;
}
.lslide{
	width:220px !important;
}
.tp-header{    
	display: block;
    position: absolute;
    top: 15%;
    width: 100%;
    text-align: center;
    padding: 25px 0px;
    text-shadow: 12px 12px 14px red;	 
	}
	.tp-header h1{	   
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    line-height: 28px;
    color: #fff !important;
}
	.tp-header h2 {
       font-weight: 600;
    font-size: 36px;
    text-align: center;
    line-height: 22px;
    color: #fddb3e;
}
.navbar .brand {
    width: 180px;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
    height: 50px;
}
.title h2{
	font-size: 26px !important;
}
}@media(max-width:299px){
	.vedio-right {
		margin-bottom: 15px;
		width: 100%;
		}.vedio-left {
			margin-bottom: 15px;
		width: 100%;
		}
	.product-left {
    width:100%;
    position: relative;
    display: block;
    float: left;
    background: #888888 !important;
    height: 100%;
}
.product-right {
    width: 100%;
    position: relative;
    display: block;
    float: right;
    background: #888888 !important;
    height: 100%;
}
	.p1{
	width:100%;
	position: relative;
	display: block;
	float: left;
}.p2{
	width:100%;
	position: relative;
	display: block;
	float: left;
}
.content-slider{
	
	height: 140px !important;
}.clone{
	width:220px !important;
}
.lslide{
	width:220px !important;
}
.tp-header{    
	display: block;
    position: absolute;
    top: 10%;
    width: 100%;
    text-align: center;
    padding: 25px 0px;
    text-shadow: 12px 12px 14px red;	 
	}
	.tp-header h1{	   
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    line-height: 28px;
    color: #fff !important;
}
	.tp-header h2 {
       font-weight: 600;
    font-size: 36px;
    text-align: center;
    line-height: 22px;
    color: #fddb3e;
}
.title h2{
	font-size: 26px !important;
}
.brand {
    width: 160px !important;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 0 -5px;
    height: 50px;
}
}