@font-face {font-family: opensans; src: url(font/open-sans.bold.ttf);}
@font-face {font-family: raleway; src: url(font/Raleway-Medium.ttf);}
@font-face {font-family: montserret; src: url(font/Sansation_Regular.ttf);}
@font-face {font-family: Lato-Medium; src: url(font/Lato-Medium.ttf);}
@font-face {font-family: Lato-Regular; src: url(font/Lato-Regular.ttf);}
@font-face {font-family: Lato-Thin; src: url(font/Lato-Thin.ttf);}
div, header, nav, section, aside{display: block;}
*{padding:0px; margin:0px;}
a{text-decoration:none; color:#818181;}
img{border:none;}

body{background:#fff; font-family: Arial,Helvetica,sans-serif; font-size:12px; color: #818181; margin:0px; padding:0px;}
b, strong{font-weight:bold; margin:0px 0px; width:100%; float:left;}
strong.font{text-align:center; width:100%; float:left;}
p{font-size:13px; font-family: montserret; text-align:justify; color:#818181; line-height:20px; margin:1em 0px; padding:5px; }
h1{font-weight:bold; font-size:22px; color:#fff;}
h3{text-align:center; line-height:40px; border-bottom:1px solid #cfcfcf; background:#000; color:#fff; border-top-right-radius:5px; border-top-left-radius:5px; font-size:1em;}
h4{font-weight:bold; text-align:center; padding:0px;}
.clear{clear:both; padding:0px; margin:0px;}
#adds {
    
    top: 13%;
	display:none;
    position: fixed;
    /* margin-top: 30%; */
}
#wrapper{width:100%; float:left; margin:0px; padding:0px; outline:0px;}
#header{background: url(../images/header-bg.jpg); width:100%; float:left; }
#banner{width:100%; float:left;}
#banner h1 {
  font-weight: bold;
  font-size: 22px;
  color: #575454;
  background-color: #D8D6D6;
  padding: 2px 10px;
}

.shop{padding-top:10px; z-index:999999;}
.shop a{background-color:#eb1920; padding:10px 20px; color:#fff;}
.laptop-store1 {
    position: fixed;
    /* left: 0px; */
    top: 0%;
    right: 0px;
    z-index: 999999;
}
@media only screen and (max-width: 768px){
	.footer-fix{
	position: fixed; 
	bottom:0px;
	width: 100%; 
	padding: 10px 0; 
	font-size: 15px; 
	text-align: center; 
	z-index: 1; 
	background-color: #2e82c5 ; 
	
	color: #fff !important;
}
.prev{display:none;}
.footer-fix a{
	
	color: #fff !important;
}
.footer-fix .border{border-right:1px solid #fff;}
}
@media only screen and (min-width: 769px){
.footer-fix{
	Display:none;
}
}
.banner-left{width:48%; float:left;}
.banner-right{float:right;}
.header-wrapper{width:80%; margin:15px auto; max-width:998px;}
.header-container{width:100%; margin:0px; padding:0px; float:left;}
#menu{float:right;}
span{margin:0px 8px; color:#f42831; }
#section{width:100%; float:left; margin:0px; padding:0px;}
.section-wrapper{width:80%; margin:0px auto; max-width:998px;}
.section_bottom {
  background: url(../images/header_shadow.jpg) repeat-x bottom center;
  width: 100%;
  float:left;
  height: 50px;
}

#logo{float:left; width:20%; 
    margin-top: -7px;
    margin-bottom: 5px;}
.body_container{box-shadow:0px 0px 5px #888; width:99%; padding:1%; float:left;}
#section_80{width:80%; margin:0px auto; max-width:998px;}
#section_100{width:100%; float:left; padding:5px 0px;}

#left_part{width:74%; float:left; margin:10px auto;}
#right_part{width:25%; margin-left:1%; float:right; margin:10px auto;}

.prev{width:50%; float:left; margin-top:5px;}
.next{float:right;}
.table{width:100%; margin-top:2%;}
table, th, td {
    border: 1px solid #ccc;
    border-collapse: collapse;
}
th, td {
    padding: 5px;
    text-align: left;
}
.laptop-store {
position: absolute;

top: 56%;
right: 0px;

}
#banner{width:99%; float:left; border:1px solid #ccc; border-radius:5px;}
#contact-form{width:100%; float:right; border:1px solid #ccc; border-radius:5px;}
.contact-address{width:100%; float:right; border:1px solid #ccc; border-radius:5px; margin-top:2%; margin-bottom:2%; display:none;}
input{width:100%; float:left;}
select {margin-top:5px; width:98%;  margin-left:2px; margin-right:2px; float:left; color:#818181;}
textarea{width:97%; float:left; margin-top:5px; margin-bottom:5px; margin-left:2px; margin-right:2px; padding:10px 0px;}
#submit{width:99%; float:left; color:#575757; font-weight:bold;}
#contact-form input{width:97%; float:left; padding:7px 1px; margin-left:2px; margin-right:0px; border:1px solid #ccc; margin-top:5px;}
.form_page input{width:auto; padding:10px;}
#side-contact{background:#000;}
#side-contact h6{font-size:15px;}
#form{width:80%; margin: 15px auto;}
#form input{padding:5px 0px; width:100%; float:left;} 
#form textarea{width:100%; float:left; height:120px;} 
.new{float:right; margin:10px 0px 0px 0px;}
#slider{width:100%; float:left;}
.top_information{width:100%; float:left;}

#main_body{width:100%; float:left; margin-top:3.2%;}
#main_body h1{width:98%; float:left; padding:1%; color:#282828; background:#e3e3e3;}
.box_one{
	width:32%; 
	float:left; 
	border:1px solid #ccc;
	border-top-right-radius:5px; 
    border-top-left-radius:5px;
	margin-right:2%;
	}
.box_two{
	width:32%; 
	float:left; 
	border:1px solid #ccc;
	border-top-right-radius:5px; 
    border-top-left-radius:5px;
	}
.box_three{
	width:30%; 
	float:right; 
	border:1px solid #ccc; 
	margin-right:1%;
	border-top-right-radius:5px; 
    border-top-left-radius:5px;
	}
ul.unlist{margin:0px; padding:0px; width:98%;}
ul.unlist li {
  margin: 0;
  padding: 0;
  list-style: none;
}


.box_one ul li a {
  margin: 0 0 0 6px;
  padding: 0 0 0 10px;
  background: url(../images/sprite.png) left -348px no-repeat;
  color: #666;
  font-size: 12px;
  line-height: 28px;
}

.product_70 ul li a {
  margin: 0 0 0 6px;
  padding: 0 0 0 10px;
  background: url(../images/sprite.png) left -348px no-repeat;
  color: #666;
  font-size: 12px;
  line-height: 28px;
}

.box_one p{
 color: #666; 
 font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  }
  
  .box_two p{
 color: #666; 
 font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  }
  
  .box_three p{
 color: #666; 
 font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  }
.box_one ul li a:hover{text-decoration:underline;}

.box_two ul li a {
  margin: 0 0 0 6px;
  padding: 0 0 0 10px;
  background: url(../images/sprite.png) left -348px no-repeat;
  color: #666;
  font-size: 12px;
  line-height: 28px;
}
.box_two ul li a:hover{text-decoration:underline;}

.box_three ul li a {
  margin: 0 0 0 6px;
  padding: 0 0 0 10px;
  background: url(../images/sprite.png) left -348px no-repeat;
  color: #666;
  font-size: 12px;
  line-height: 28px;
}
.box_three ul li a:hover{text-decoration:underline;}



#main_body h2{
  background:#ee1b24;
  line-height: 29px;
  width: 100%;
  margin: 0;
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
  border-top-right-radius:5px; 
  border-top-left-radius:5px;
  font-size: 15px;
  color: #fff;
}

.bottom_shadow{width:100%; float:left; text-align:center; margin-top:2%; margin-bottom:2%; background:url(../images/bottom-shadow.jpg) center top; height:17px;}

#main_two{width:80%; margin:0px auto; max-width:998px;}
.section_wrapper_two{width:100%; float:left; margin:0px; padding:0px;}
.section_wrapper_two h1 {
  color: #FFFFFF;
  font-weight: normal;
  font-size: 2em;
  padding: 1%;
  background-color: #EE1B24;
  line-height: 20px;
}
.section_wrapper_two p{
  color: #666;
  float:left;
  width:99%;
  font-size: 13px;
  font-family: Arial,Helvetica,sans-serif;
  line-height: 20px;
}

.section_wrapper_two h6{
  color: #666;
  float:left;
  width:99%;
  font-size: 12px;
  font-family: Arial,Helvetica,sans-serif;
  line-height: 20px;
}


#location{width:98%; margin:0px auto;}
.bottom{width:100%; float:left; margin-bottom:1%;}

#location h4 {
  font-weight: bold;
  width: 100%;
  text-align: center;
  float: left;
  padding: 1% 0px;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  margin-bottom:10px;
}

#location h5 {
  background: #ee1b24;
  line-height: 29px;
  width: 100%;
  margin: 0;
  text-align: center;
  font-family: Arial,Helvetica,sans-serif;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  font-size: 13px;
  color: #fff;
}

.box_four{
	width:24.9%; 
	float:left; 
	border:1px solid #ccc;
	border-top-right-radius:5px; 
    border-top-left-radius:5px;
}

.box_five{
	width:24.5%; 
	float:left; 
	border:1px solid #ccc;
	border-top-right-radius:5px; 
    border-top-left-radius:5px;
	margin-left:0.3%;
}

.box_six{
	width:24.5%; 
	float:left; 
	border:1px solid #ccc;
	border-top-right-radius:5px; 
    border-top-left-radius:5px;
	margin-left:0.5%;
}

.box_seven{
	width:24%; 
	float:right; 
	border:1px solid #ccc;
	border-top-right-radius:5px; 
    border-top-left-radius:5px;
}

.box_four ul li a {
  margin: 0 0 0 6px;
  padding: 0 0 0 10px;
  background: url(../images/sprite.png) left -348px no-repeat;
  color: #666;
  font-size: 12px;
  line-height: 28px;
}
.box_four ul li a:hover{text-decoration:underline;}

.box_five ul li a {
  margin: 0 0 0 6px;
  padding: 0 0 0 10px;
  background: url(../images/sprite.png) left -348px no-repeat;
  color: #666;
  font-size: 12px;
  line-height: 28px;
}
.box_five ul li a:hover{text-decoration:underline;}


.box_six ul li a {
  margin: 0 0 0 6px;
  padding: 0 0 0 10px;
  background: url(../images/sprite.png) left -348px no-repeat;
  color: #666;
  font-size: 12px;
  line-height: 28px;
}
.box_six ul li a:hover{text-decoration:underline;}

.box_seven ul li a {
  margin: 0 0 0 6px;
  padding: 0 0 0 10px;
  background: url(../images/sprite.png) left -348px no-repeat;
  color: #666;
  font-size: 12px;
  line-height: 28px;
}
.box_seven ul li a:hover{text-decoration:underline;}
.view-more{float:right; padding:7px;}
.view-more a{color:#ee1b24;}
.view-more a:hover{text-decoration:underline; color:#25bc01;}
.pad{padding:1% 0px; width:100%; float:left;}
.pad_1{width:100%; float:left; border:1px solid #ddd;}


#main_body h4 {
  font-weight: bold;
  text-align: center;
  padding: 2%;
  line-height: 25px;
}

#product_100{width:100%; float:left: margin-top:2%; margin-bottom:2%;}
#product_100 h1 {
  font-size: 22px;
  font-family: Lato-Thin;
  background:none;
  color: #282828;
  margin: 0 0 20px;
  line-height: 1.2;
  width:100%;
  float:left;
  font-weight: 600;
}
.product_30{width:30%; float:left;}
.product_70{width:68%; float:left;}
.product_70 p{line-height:25px;}

#contact{width:100%; float:left; margin:0px; padding:0px;}
.address{width:100%; float:left; background:#1c1c1c;}
.address_right{width:100%; float:left;}
.address_right p{width:80%; text-align:center; margin:10px auto; color:#e3e3e3;}
.address_img{padding:1%;}
.product_spec{padding:1%;}
.product_spec img{border:none; width:100%;}
.disclaimer{width:98%; padding:1%; float:left; margin:0px; border-bottom:1px solid #282828;}
.keywards{width:100%; float:left; }


#banner-advertisement {
    width: 70%;
    display: none;
    margin: 0px auto;
}
.advertisement-left{width:33%; float:left; border:1px solid #ddd; display: none;}
.advertisement-center{width:33%; margin-left:0.2%; float:left; border:1px solid #ddd; display: none;}
.advertisement-right{width:33%; float:right; border:1px solid #ddd; display: none;}

#footer{width:100%; float:left; background:#333;}
.footer_wrapper{width:80%; margin:0px auto; max-width:998px;}
.footer_container{width:101%; float:left; margin:0px; padding:0px; box-shadow: 0px 0px 5px #888;}
.footer_left{padding:1%; float:left; color:#ddd; margin-top:10px;}
.footer_left a{color:#ddd;}
.footer_right{float:right; padding:1%; display:none;}


@media (min-width: 768px) and (max-width: 998px) {

#header {
    background: rgba(0, 0, 0, 0) url("../images/header-bg.jpg") repeat scroll 0 0;
    float: left;
    width: 100%;
}

.box_one img{width:100%; border:none;}
.box_two img {width:100%; border:none;}
.box_three img {width:100%; border:none;}
.product_30{width:28%; margin-right:1%; float:left;}
.product_70{width:58%; float:right;}

#menu {
    float: left;
    width: 99%;
}

#adds {
    width:100%;
    top: 13%;
    display:none;
    position: fixed;
    /* margin-top: 30%; */
}

#banner-advertisement{width:98%; margin:0px auto;}
.advertisement-left{width:32%; float:left; border:1px solid #ddd;}
.advertisement-center{width:32%; margin-left:0.2%; float:left; border:1px solid #ddd;}
.advertisement-right{width:32%; float:left; border:1px solid #ddd;}

}

@media (max-width: 767px) {

#header {
    background: rgba(0, 0, 0, 0) url("../images/header-bg.jpg") no-repeat scroll 0 0;
    float: left;
    width: 100%;
}

#menu {
    float: left;
    width: 99%;
}

#left_part {
    float: left;
    margin: 10px auto;
    width: 100%;
}

#right_part {
    float: right;
    margin: 10px auto;
    width: 100%;
}

.box_one img{width:100%; border:none;}
.box_two img {width:100%; border:none;}
.box_three img {width:100%; border:none;}

#main_body h2 {
    font-size: 10px;
    line-height: 27px;
}


.box_one ul li a {line-height:19px; font-size:11px;}
.box_two ul li a {line-height:19px; font-size:11px;}
.box_three ul li a {line-height:19px; font-size:11px;}
.box_four{width:100%; float:left; margin:1% 0px;}
.box_five{width:100%; float:left; margin:1% 0px;}
.box_six{width:100%; float:left; margin:1% 0px;}
.box_seven{width:100%; float:left; margin:1% 0px;}
#side-contact{display:none;}

.product_30{width:99%; float:left;}
.product_70{width:99%; float:left;}

#adds {
    width:100%;
    top: 13%;
    display:none;
    position: fixed;
    /* margin-top: 30%; */
}

#banner-advertisement{width:100%; margin:0px auto;}
.advertisement-left{width:100%; float:left; border:none;}
.advertisement-center{width:100%; margin-left:0%; float:left; border:none;}
.advertisement-right{width:100%; float:left; border:none;}

}



@media (max-width: 480px) {

#header {
    background: rgba(0, 0, 0, 0) url("../images/header-bg.jpg") no-repeat scroll 0 0;
    float: left;
    width: 100%;
}

.header-wrapper {
    margin: 15px auto;
    width: 99%;
}

#logo {
    float: left;
    text-align: center;
    width: 99%;
}

#menu {
    float: left;
    width: 99%;
	background:#000;
}

text_area input {width:96%; border-radius:0px; margin-bottom:1%; padding:15px 0px;}

.section-wrapper {
    margin: 0 auto;
    width: 98%;
}


#section_80 {
    margin: 0 auto;
    max-width: 998px;
    width: 99%;
}

.prev {
    background: #ccc none repeat scroll 0 0;
    float: left;
    margin-top: 5px;
    text-align: center;
    width: 99%;
}

.next {
    float: right;
    margin-top: 2%;
    text-align: center;
    width: 99%;
}

#left_part {
    float: left;
    margin: 10px auto;
    width: 99%;
}

#right_part {
    float: left;
    margin: 10px auto;
    width: 99%;
}

#banner {
    border: 1px solid #ccc;
    border-radius: 5px;
    float: left;
    margin-top: 2%;
    width: 99%;
}


#wowslider-container1 .ws_bullets {
   display:none;
   }

#contact-form {
    float: left;
    margin-top: 5%;
    width: 99%;
}

#main_body {
    width: 100%;
	float:left;
	margin:3% auto 0px auto;
}


.box_one {
    border: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: left;
	text-align:center;
    margin: 2% auto;
    width: 99%;
}

.box_two {
    border: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: left;
	text-align:center;
    margin: 2% auto;
    width: 99%;
}

.box_three {
    border: 1px solid #ccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    float: left;
	text-align:center;
    margin: 2% auto;
    width: 99%;
}

.box_one img{width:80%; border:none;}
.box_two img {width:50%; border:none;}
.box_three img {width: 50%; border:none;}

.box_one ul li a {
    font-size: 13px;
    line-height: 30px;
}

.box_two ul li a {
    font-size: 13px;
    line-height: 30px;
}

.box_three ul li a {
    font-size: 13px;
    line-height: 30px;
}

#main_body h2 {font-size:17px; line-height:30px;}

#main_two {
    margin: 0 auto;
    width: 99%;
}

.section_wrapper_two {
  
    width: 99%;
}

.section_wrapper_two h1 {
    font-size: 13px;
    font-weight: bold;
    line-height: 28px;
}

.box_four{width:99%; margin-bottom:2%;}
.box_five{width:99%; margin-bottom:2%;}
.box_six{width:99%; margin-bottom:2%;}
.box_seven{width:99%; margin-bottom:2%;}

.footer_wrapper {
    margin: 0 auto;
    width: 99%;
}

.footer_left {
    border-bottom: 1px solid #666;
    font-size: 11px;
    line-height: 26px;
	text-align:center;
    width: 99%;
}

.footer_right {
    float: left;
    padding:10px 0px;
display:none;
    text-align: center;
    width: 99%;
}

#form textarea {
    float: left;
    width: 94%;
}
#form input{width:94%; float:left;}
.text2{width:auto; height:0;}
#side-contact{display:none;}
#contact-form{width:99%; float:left;}
#form td{width:95%; float:left; margin:10px 0px;}
.text2{width:auto; height:0;}
#side-contact{display:none;}

th, td {
    border: none;
}
.product_30{width:99%; float:left;}
.product_70{width:99%; float:left;}

#adds {
    width:100%;
    top: 13%;
    display:none;
    position: fixed;
    /* margin-top: 30%; */
}


#banner-advertisement{width:100%; margin:0px auto;}
.advertisement-left{width:100%; float:left; border:none;}
.advertisement-center{width:100%; margin-left:0%; float:left; border:none;}
.advertisement-right{width:100%; float:left; border:none;}

}