.main_slider{   width:100%;    overflow: hidden;   background: #fff;   height:251px;   margin-bottom:10px;   margin-top:10px; } .main-slider-content{width:70%;height:251px;float:left;} .lof-slidecontent {  width:100%;position:relative;overflow:hidden;} .lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%; width:100%;overflow:hidden; } .lof-slidecontent  ul.sliders-wrap-inner{ width:100%;height:251px;float:left;overflow:hidden;position:absolute;overflow:hidden;}ul.sliders-wrap-inner img{height:251px; width:100%;} .lof-slidecontent  ul.sliders-wrap-inner li{ width:100%;overflow:hidden;float:left;position:relative;} .lof-slidecontent  .lof-opacity  li{position:absolute;	top:0;	right:0;	float:inherit; } .lof-slidecontent  .navigator-content {position:absolute; 	right:0; 	top:0px; 	width:30%; 	overflow:hidden; 	border:#111 solid 1px; } .lof-slidecontent  .navigator-wrapper{	position:relative;overflow:hidden;} .lof-slidecontent  ul.navigator-wrap-inner{	top:0;	padding:0;	margin:0;	position:absolute;	width:100%; } .lof-slidecontent  ul.navigator-wrap-inner li{ 	cursor:pointer; 	overflow:hidden; 	border-bottom:1px solid #111; 	background:#333; }  .lof-slidecontent .slider-description a{color:#f6f6f6;display:block;font:13px/25px 'IRANSansWeb_Medium'; } .lof-slidecontent .slider-description{ 	position:absolute; 	bottom:0; 	right:0px; 	width:100%; 	background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%) repeat scroll 0 0; 	height:80px; 	padding:0 10px; } .lof-slidecontent .slider-description h4 {font:14px/25px 'IRANSansWeb_Medium';padding-top:5px;} .lof-slidecontent .slider-description p {font:12px/18px 'IRANSansWeb_Light';color:#d8d8d8;}  .lof-slidecontent ul.navigator-wrap-inner  li.active{background:#266a9b;} .lof-slidecontent ul.navigator-wrap-inner li img{ 	height:50px; 	width:80px; 	margin:4px 7px; 	float:right; 	border:#666 solid 2px; } .lof-slidecontent ul.navigator-wrap-inner li h3{ 	font:10px/22px 'IRANSansWeb_Light'; 	color:#fff; 	padding-top:7px; } .lof-slidecontent ul.navigator-wrap-inner li.active img, .lof-slidecontent ul.navigator-wrap-inner li:hover img { 	border:#888  solid 2px; }  img{max-width:100%; height:auto;}  @media only screen and (max-width : 1220px ){.lof-slidecontent ul.navigator-wrap-inner li img{width:70px;}} @media only screen and (max-width : 1200px ){.lof-slidecontent .slider-description{width:90%;}.lof-slidecontent ul.navigator-wrap-inner li img{width:60px;}} @media only screen and (max-width : 1100px ){.lof-slidecontent .slider-description{width:85%;}.lof-slidecontent ul.navigator-wrap-inner li img{width:50px;}} @media only screen and (max-width : 980px ){.lof-slidecontent .slider-description{width:75%;}} @media only screen and (max-width : 900px ){.lof-slidecontent ul.navigator-wrap-inner li h3,.lof-slidecontent .slider-description p{display:none;}.lof-slidecontent ul.navigator-wrap-inner li img{width:100px;}} @media only screen and (max-width : 800px ){.lof-slidecontent .slider-description a{font:13px/22px 'IRANSansWeb_Light';}ul.sliders-wrap-inner img{width:95%;}} @media only screen and (max-width : 800px ){.lof-slidecontent .slider-description{width:75%;} ul.sliders-wrap-inner img{width:85%;}} @media only screen and (max-width : 700px ){.lof-slidecontent .slider-description{width:65%;}ul.sliders-wrap-inner img{width:75%;}} @media only screen and (max-width : 600px ){.lof-slidecontent .slider-description{width:55%;}ul.sliders-wrap-inner img{width:65%;}} @media only screen and (max-width : 500px ){.lof-slidecontent ul.navigator-wrap-inner li img{width:80px;}.lof-slidecontent .slider-description{width:50%;}ul.sliders-wrap-inner img{width:55%;}} @media only screen and (max-width : 400px ){.lof-slidecontent ul.navigator-wrap-inner li img{width:70px;}.lof-slidecontent .slider-description{width:40%;}ul.sliders-wrap-inner img{width:45%;}} @media only screen and (max-width : 350px ){.lof-slidecontent ul.navigator-wrap-inner li img{width:60px;}.lof-slidecontent .slider-description{width:35%;}ul.sliders-wrap-inner img{width:40%;}}