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



{

.top_header_main_area

{

	display:block;

	width:98%;

	margin:0px auto;

}

.header_main_area

{

	display:block;

	width:98%;

	margin:0px auto;

}

.body_main_area

{

	display:block;

	width:98%;

	margin:0px auto;

}

.footer_main_area

{

	display:block;

	width:98%;

	margin:0px auto;

}







.submit_style6

{

	display:block;

	float:left;

	width:37%;

	height:40px;

	background:#dad9d9;

	font-size:17px;

    font-family: 'UbuntuRegular';

	color:#000;

	margin:20px 0 0 2%;

	border:none;

	cursor:pointer;	

}



.smalltextbox2{width:50%; margin:20px 0 0 0%; border:1px solid #CCC; background-color:#000; color:#FFF;padding:10px 5% 10px 5%; float:left; }



.checkout_productmatter_grey{color:#878787; font-size:14px;line-height:25px; width:100%;float:left}

.checkout_productmatter_green{color:#42cc14; font-size:14px;line-height:25px; width:100%;float:left}

.checkout_productmatter_white2{color:#FFF; font-size:14px;line-height:25px; width:100%;float:left}



dt .icon{

	background:url(../images/bullets2.png) no-repeat;

	height:28px;

	right:0;

	position:absolute;

	top:5px;

	width:29px;

}



}



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



{

#menu a {

  display: inline-block;

	color:#000000;

	font-size:15px;

    font-family: 'UbuntuRegular';

  line-height: 44px;

  padding: 16px 15px;

  text-decoration: none;

  text-transform:uppercase;

}

.product_body_nav ul li a

{

	color:#FFF;

	text-decoration:none;

	padding:0 10px;

	font-size:18px;	

}

.track_order_but

{

	display:block;

	float:left;

	width:170px;

	height:47px;

	line-height:47px;

	color:#FFF;

	text-decoration:none;

	border-radius:6px;

	background:#01BB00;

	text-align:center;

	font-size:20px;

    font-family: 'UbuntuRegular';

	margin-top:20px;	

}





.myaccount_formpanel{width:85%; margin:30px auto;color:#FFF; font-size:22px;}





}



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



{

	.menu_select_seyle

{

	display:block;

}

.nav_area

{

	display:none;

}

.product_drop_area

{

	display:none

}

.product_body_nav

{

	display:none;



}

.product_body_nav ul li

{

	display:block;

	float:left;

}

.build_but2

{

	display:block;

	float:right;

	width:151px;

	height:42px;

	margin-top:12px;

}

.product_body_nav_small_area

{

	display:block;

}



.meet_team_text_area

{

	display:block;

	float:left;

	width:100%;

	background:#333333;

	min-height:163px;

	margin-top:25px;

}

.meet_team_heading

{

	display:block;

	float:left;

	width:190px;

	margin-left:15px;

	color:#58cb00;

	font-size:31px;

    font-family: 'UbuntuLight';

	font-weight:100;

	line-height:20px;

	margin-top:55px;

}

.system_specification_text_area

{

	display:block;

	width:90%;

	margin:50px auto 0 auto;

}



.order_tracker_nav_select_menu

{

	display:block;

}

.order_tracker_nav_area

{

	display:none;

}





.ratingbox{float:left; width:50%; margin:0px 0 0 0; }



.myaccount_formpanel{width:95%; margin:30px auto;color:#FFF; font-size:22px;}





#landingleft{float:left; width:100%;}

	#landingright{float:right; width:100%;}

	#landingright img{width:50%; margin:20px 20% 0}

	#landingleft img{width:50%; margin:20px 20% 0}

	

.checkoutemailbox_cont{float:right; width:100%;}



.inputbox_cont{display:inline-block; width:100%; vertical-align:top}

	.inputbox_cont2{display:inline-block;vertical-align:top; width:100%; margin:0 0 0 0;}

	

	.checkouttextbox2{float:left; width:100%; padding:5px 0% 5px 0%; color:#d1d1d1; font-size:22px; background-color:#6b6b6b; border:none; }





.select_matter{font-size:12px; color:#FFF; float:left; margin:0px 0 0 2%; }

.select_matter img{margin:0 2px -10px 2px; width:15%;}





.buybutton_panel{float:none; width:320px; margin:20px auto 0px auto; display:block;}

.buybutton{ margin-right:15px; margin-top:30px;}





.meet_team_area

{

	display:block;

	float:left;

	width:100%;

	margin-top:40px;

	background-color:#333333;

}



.meet_team_area img

{

margin:20px 0 0 20px;

}



.success_logo_area

{

	display:block;

	float:none;

	margin:0px auto;

}	



.success_main_nav_area

{

	display:block;

	float:none;

	width:100%;

	margin-right:0;

	text-align:center;

	margin-top:40px;

	padding-bottom:20px

}



.configmainpanel_right_prev_next-head{width:87%; text-align:center; float:left; color:#666666; font-size:22px; margin:25px 0 0 0}



.configmainpanel_right_prev_next_prevbutton{float:left; margin:20px 0 0 0; width:6%}

.configmainpanel_right_prev_next_prevbutton a{font-size:1px; color:transparent;  height:40px; }

.configmainpanel_right_prev_next_prevbutton a:hover{font-size:1px; color:transparent;  height:40px; }



.configmainpanel_right_prev_next_nextbutton{float:right; margin:20px 0 0 0; width:6%}

.configmainpanel_right_prev_next_nextbutton a{font-size:1px; color:transparent;  height:40px; }

.configmainpanel_right_prev_next_nextbutton a:hover{font-size:1px; color:transparent;  height:40px; background-position:4%;}





.configmainpanel_right_prev_next_cartbutton{float:right; margin:20px 0 0 0; width:6%}

.configmainpanel_right_prev_next_cartbutton a{font-size:1px; color:transparent;  height:40px; }

.configmainpanel_right_prev_next_cartbutton a:hover{font-size:1px; color:transparent;  height:40px; background-position:4%;}







.configmainpanel_ram-half-price{font-size:14px; }



.configmainpanel_free{float:left; width:90%;margin:10px 0}

}



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



{

.text_area

{

	display:block;

	float:left;

	width:100%;

	margin-bottom:20px;

}

.video_area

{

	display:block;

	float:none;

	margin:20px auto 0 auto;

	width:50%;

}

.body_box1

{

	text-align:center

}

.body_box2

{

	text-align:center

}

.body_box1 img

{

	float:none;

	margin:-20px 15px 0 0;

}

.body_box2 img

{

	float:none;

	margin:30px 15px 0 15px;

}



.top_header_contanear

{

	display:block;

	float:left;

	width:100%;

	background:#00BC00;

	height:auto;

	padding-bottom:15px;

}

.logo_area

{

	display:block;

	float:none;

	width:18%;

	margin:10px auto 0px auto;

}

.menu_select_seyle

{

	display:block;

	float:left;

	width:96%;

	margin:15px 2% 15px 2%;

}

.top_header_contact_area

{

	display:block;

	width:100%;

	float:none;

	text-align:center;

	margin:0px auto;

}

.top_header_contact_area p span

{

	float:none;

}

.slider_area

{

	display:block;

	float:left;

	width:100%;

	

}

.header_right_area

{

	display:block;

	float:right;

	width:100%;

	margin-top:15px;

}

.custom_laptops_img_area

{

	display:block;

	float:left;

	width:48%;

}

.feature_box_area

{

	display:block;

	float:right;

	width:48%;

	margin:0px;

}

.gray_box2_text_area

{

	display:block;

	float:left;

	width:100%;

}





#myaccountpage_toplink{font-family: 'UbuntuRegular'; font-size:16px; text-transform:uppercase;color:#666666; float:none; text-align:center; margin:0px 0 0 0}





.myaccountproductbox{width:47%; float:left; background-color:#1b1b1b; margin:6.5% 1.5%;}



.selectbutton a{background-color:#535353; padding:10px 5px; color:#FFFFFF; font-size:14px; text-decoration:none;}



.buildyours_button{float:none; clear:both; text-align:center;}

	.buildyours_button a{padding:7% 10%; background-color:#4dcc22; font-family: 'UbuntuRegular'; font-size:22px; text-align:center; color:#FFFFFF; box-shadow:inset 0px -5px 0px #006600;border-radius:10px;text-decoration:none; float:none;width:150px; }

	



.prodbox{width:45%;   margin:6.5% 2.5%; }







.prod_left{float:left; width:96%}

.prod_left img{width:100%; max-width:450px;}

.prod_right{float:left; width:96%; font-size:21px; color:#999999;}



}





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



{

.footer_box1

{

	display:block;

	float:left;

	width:46%;

	margin:0 2% 20px; 0;

}

#clear_both

{

	clear:both;

}

.about_left_area

{

	display:none;

}

.about_right_area

{

	display:block;

	width:100%;

	float:right;

	margin-top:30px;

}

.form_area

{

	display:block;

	float:left;

	width:100%;

	margin:30px 0 0 0;

}

.about_right_text_area h1

{

	font-size:33px;

	color:#FFF;

    font-family: 'UbuntuRegular';

	font-weight:100;	

}

/*********for_small_nav**********/

 .small_nav_for_rendom_page {

        display: block;

    }

    .nav > li {

        float: none;

    }

    .nav > li > .parent {

        background-position: 95% 50%;

    }

    .nav li li .parent {

        background-image: url("images/downArrow.png");

        background-repeat: no-repeat;

        background-position: 95% 50%;

    }

    .nav ul {

        display: block;

        width: 100%;

    }

   .nav > li.hover > ul , .nav li li.hover ul {

        position: static;

    }





.product_body_nav_small_area

{

	display:block;

	float:left;

	margin:18px 0 0 2%;

	width:40%;

}

.system_specification_text_area

{

	display:block;

	width:96%;

	margin:50px auto 0 auto;

}

.system_specification_text p span

{

	color:#828282;

	font-size:20px;

	width:100%;

	float:left;

	height:30px;

}

.rush_order_box_left_box

{

	display:block;

	float:none;

	width:100%;

	border-right:none;

	margin:30px auto 0 auto;

}

.rush_order_box_right_box

{

	display:block;

	float:right;

	width:100%;

	margin-top:10px;

	text-align:center;

}

.paypal_but

{

	margin-top:30px

}

.rush_order_submit_style

{

	margin-left:0px;

}

.order_track_system_configuration_span

{

	color:#666666;

	width:100%;

	display:inline-block;

		float:left;

		height:30px;

		clear:both;

}





.ratingbox{float:left; width:100%; margin:0px 0 0 0; }

.ratingbox_top_title{text-align:left;}





.config_heading_area_left

{width:50%; float:left; color:#FFFFFF; margin:40px 0 0 0}



.configmainpanel_right-box{ width:42%; margin:10px 1.5%; padding:12px 1.5%;font-family: 'UbuntuLight'; font-size:15px; color:#878787; box-shadow:inset 0px 0px 1px #666666; background-color:#000; line-height:20px; vertical-align:top; display:inline-block}



#accountpage_head{font-size:22px; }



#formtitle{float:none; width:100%; text-align:left;}

.formtextbox{float:none; width:95%; margin:7px auto; color:#999999; font-size:22px; background-color:#3b3b3b; border:none; padding:5px 2%}

.formlistbox{float:none; width:97%; margin:7px 0; color:#999999; font-size:22px; background-color:#3b3b3b; border:none; padding:5px 2%}

.passwordbox{width:90%; padding:10px 4%; float:left; background-color:#191919; margin:10px 0; }



.formtextbox_small{float:none; width:95%; margin:7px 0 7px 0%; color:#999999; font-size:22px; background-color:#3b3b3b; border:none; padding:5px 2%}

.gobackblack a{font-size:11px; color:#FFFFFF; padding:5px 10px; text-decoration:none; }





.success_nav_area

{

	display:block;

	float:right;

	width:100%;

	margin-right:10px;

	text-align:center;

	margin-top:7px;

	

}



.select_matter span{display:none;}

#checkouttable_cont{float:left; display:none;}

#checkoutdiv_cont{display:block; }



#myaccountpage_head{font-size:42px; color:#FFFFFF; text-align:center; padding-bottom:10px; border-bottom:1px solid #00bc00; margin-bottom:10px; margin-top:40px;}





.cus_rvw_right_area_innercont

{float:right; width:95%; margin-right:2.5%;}







.build_photo_right_button a{font-size:21px; text-decoration:none; color:#000000; background-color:#00bc00; display:block; padding:10px 0}



.build_photo_right_button a:hover{ background-color:#FFF;color:#000000;}



}





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



{

.feature_left_area

{

	display:block;

	float:left;

	width:100%;

	margin-top:25px;

}

.feature_right_area

{

	display:block;

	float:left;

	width:100%;

	margin-top:25px;

}

.body_gray_box1

{

	display:block;

	float:left;

	width:100%;

	background:#DDDDDD;

-moz-box-shadow: inset 0 0 60px -8px #000;

-webkit-box-shadow: inset 0 0 60px -8px #000;

box-shadow: inset 0 0 60px -8px #000;

padding:75px 0; 

}

.body_gray_box2

{

	display:block;

	float:left;

	width:44%;

	background:#DDDDDD;

-moz-box-shadow: inset 0 0 60px -8px #000;

-webkit-box-shadow: inset 0 0 60px -8px #000;

box-shadow: inset 0 0 60px -8px #000;

padding:20px 2%;

margin-top:20px; 

}

.body_gray_box3

{

	display:block;

	float:left;

	width:44%;

	background:#DDDDDD;

-moz-box-shadow: inset 0 0 60px -8px #000;

-webkit-box-shadow: inset 0 0 60px -8px #000;

box-shadow: inset 0 0 60px -8px #000;

padding:20px 2%;

margin:20px 0 0 4%;; 

}

.product_body_nav ul li

{

	display:block;

	float:none;

}

.rush_order_and_date_area h1

{

	font-size:18px;

	color:#FFF;

    font-family: 'UbuntuRegular';

	text-align:left;

	clear:both;

	text-transform:uppercase;

	margin-top:20px;

	float:left;	

}





.smalltextbox2{width:90%; margin:20px 0 0 0%; border:1px solid #CCC; background-color:#000; color:#FFF;padding:10px 5% 10px 5%; float:left; }





.gobackblack a{font-size:11px; color:#FFFFFF; padding:5px 10px; text-decoration:none; }



#checkout_left{float:left; width:100%;font-family: 'UbuntuRegular';}

#checkout_right{float:right; width:100%; font-size:15px;font-family: 'UbuntuRegular';}





.account_left{width:95%; float:left; border-bottom:15px #00bc00 solid; margin:10px 2.5%;font-family: 'UbuntuLight'; font-size:21px; color:#999999; line-height:35px; padding:0 0 25px 0}



.configmainpanel_right_prev_next_prevbutton{float:left; margin:20px 0 0 0; width:10%}



.configmainpanel_right_prev_next_nextbutton{float:right; margin:20px 0 0 0; width:10%}





.configmainpanel_right_prev_next_cartbutton{float:right; margin:20px 0 0 0; width:10%}



.configmainpanel_right_prev_next-head{width:77%; text-align:center; float:left; color:#666666; font-size:22px; margin:25px 0 0 0}



.build_photo_image{float:none;width:100%; margin:25px 0% 0 0%; display:inline-block;}





.build_photo_right{float:right;width:100%;margin:25px 0 0 0; color:#999999; font-size:21px;}





.prodbox h1{font-size:21px; color:#58cb00; margin:15px 0;}

.prodbox p{font-size:18px; color:#999999; }



.prodbox2 h1{font-size:21px; color:#58cb00; margin:15px 0;}

.prodbox2 p{font-size:18px; color:#999999; }

}





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



{

.logo_area

{

	display:block;

	float:none;

	width:30%;

	margin:10px auto 0px auto;

}

.input_type_area1

{

	display:block;

	width:94%;

	padding:0 2%;

	height:36px;

	background:#999999;

	color:#71de25;

	border:none;

}

.meet_team_heading

{

	display:block;

	float:left;

	width:190px;

	margin-left:15px;

	margin-top:15px;

}

.meet_team_para

{

	display:block;

	float:left;

	font-size:15px;

	color:#cccccc;

    font-family: 'UbuntuLight';

	width:96%;

	margin:15px 2% 15px 2%;



}

.meet_team_img_area

{

	display:block;

	float:left;

	width:40%;

}



#landingright img{width:90%; margin:20px 5% 0}

	#landingleft img{width:90%; margin:20px 5% 0}

	

	

.system_footer_main_area h2

{

  font-family: 'UbuntuRegular';

  font-size:32px;

  color:#adadad;

  margin-top:25px;

  text-align:left;

  clear:both;

}



.system_footer_main_area p

{

  font-family: 'UbuntuRegular';

  font-size:13px;

  color:#adadad;

  margin-top:15px;

  text-align:left;

  clear:both;

}	



.checkout_producttitle{float:left; width:100%; min-height:200px;padding:0px 0 0 2%}



}







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



{

.configmainpanel_left{width:90%}

.configmainpanel_right{float:left; width:100%;}

.configmainpanel_right-box{ width:92%; margin:10px 1.5%; padding:12px 1.5%;font-family: 'UbuntuLight'; font-size:15px; color:#878787; box-shadow:inset 0px 0px 1px #666666; background-color:#000; line-height:20px; vertical-align:top; display:inline-block}





#checkouttitle{float:left; width:100%; margin:12px 0; color:#d6d6d6; font-size:22px; font-family: 'UbuntuLight';}



.checkoutemailbox{float:right; width:100%;}



.configmainpanel_ram-half-price{font-size:18px; }



.configmainpanel_freepanel_left{float:left; width:90%; margin:0 0% 0 5%;}



 .gallery2 {

      list-style: none;

      overflow: hidden;

      padding: 0;

      margin: 0;

	  float:left;

	  width:100%;

    }

	

	.configmainpanel_freepanel_right{float:left; width:90%; margin:0 0% 0 5%;}

	

}











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



{

.body_box1

{

	display:block;

	float:left;

	width:96%;

	margin:10px 2%;

	background:#00B200;

	text-align:left;

}

.body_box2

{

	display:block;

	float:left;

	width:96%;

	margin:10px 2%;

	background:#00B200;

	text-align:left;

}

.body_box1 img

{

	float:left;

}

.body_box2 img

{

	float:left;

}

.footer_box1

{

	display:block;

	float:left;

	width:96%;

	margin:0 2% 20px 2%;

}

.top_header_contact_area p span

{

	float:right;

	width:65%;

	text-align:left;

}

.product_desktops_heading_area h1

{

	font-size:30px;

	text-transform:uppercase;

	color:#FFF;

    font-family: 'UbuntuLight';

	font-weight:100;

	text-align:center;

	line-height:30px;

}

.tech_specs_heading_area p

{

	width:96%;

	float:left;

	margin-left:2%;

	font-size:17px;

	color:#a8a8a8;

    font-family: 'UbuntuRegular';	

}

.tech_specs_text_area p

{

	width:96%;

	float:left;

	margin-left:2%;

	font-size:17px;

	color:#a8a8a8;

    font-family: 'UbuntuRegular';

	line-height:25px;

}



.body_gray_box2

{

	display:block;

	float:left;

	width:96%;

	background:#DDDDDD;

-moz-box-shadow: inset 0 0 60px -8px #000;

-webkit-box-shadow: inset 0 0 60px -8px #000;

box-shadow: inset 0 0 60px -8px #000;

padding:20px 2%;

margin-top:20px; 

}

.gray_box2_text_area

{

	display:block;

	float:left;

	width:100%;

}

.body_gray_box3

{

	display:block;

	float:left;

	width:96%;

	background:#DDDDDD;

-moz-box-shadow: inset 0 0 60px -8px #000;

-webkit-box-shadow: inset 0 0 60px -8px #000;

box-shadow: inset 0 0 60px -8px #000;

padding:20px 2%;

margin:20px 0 0 0; 

}

.body_gray_img_area

{

	display:block;

	float:none;

	width:60%;

	margin:0px auto;

}

.body_gray_text_area

{

	display:block;

	float:right;

	width:96%;

	padding:2%;

	margin:10px auto 0 auto;

}



.build_but2

{

	display:block;

	float:right;

	width:80px;

	height:34px;

	margin:17px 0;

	background:#000000;

	line-height:34px;

	color:#FFFFFF;

	text-align:center;

	font-size:14px;

    font-family: 'UbuntuRegular';

	text-decoration:none;

	border-radius:6px;

}

.build_but2:hover

{

	background:#FFF;

	color:#000;

}





.myaccountproductbox{width:95%; float:left; background-color:#1b1b1b; margin:6.5% 1.5%;}



.configmainpanel_right_prev_next{ width:90%;}

#cus_rvw_rate p{float:none;}

#cus_rvw_rate div{display:inline-block; margin:15px 0 0 0px; width:200px; clear:both; }





.prodbox{width:90%;   margin:6.5% 5%; }







.prodbox2{width:90%; float:left;  margin:6.5% 5%; text-align:center;}











}



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



{

.text_area h1

{

	font-size:25px;

}

.text_area p

{

	font-size:18px;

}

.video_area

{

	width:90%;

}

.logo_area

{

	display:block;

	float:none;

	width:40%;

	margin:10px auto 0px auto;

}

.top_header_contact_area p span

{

	float:right;

	width:70%;

	text-align:left;

}

.desktop_box1

{

	display:block;

	float:left;

	width:96%;

	margin:20px 2% 0 2%;

	background:#1E1E1E;

	padding-bottom:30px;

	text-align:center;

}

.input_style

{

	display:block;

	float:left;

	width:88%;

	height:42px;

	padding:0 2%px;

	background:#FFFFFF;

	font-size:15px;

	color:#666666;

    font-family: 'UbuntuRegular';		

}



.textarea_style

{

	float:left;

	width:92%;

	height:92px;

	padding:15px 2%;

	background:#FFFFFF;

}

.custom_laptops_img_area

{

	display:block;

	float:left;

	width:100%;

}

.feature_box_area

{

	display:block;

	float:right;

	width:100%;

	margin:15px 0px 0 0;

}

.order_gray_box1_1 ,.order_gray_box1_2

{

	display:block;

	float:left;

	width:97%;

	margin-left:3%;

	margin-bottom:20px;

}

.system_specification_heading_area_left

{

	display:block;

	float:left;

	width:100%;

}

.system_specification_heading_area_right

{

	display:block;

	float:right;

	width:100%;

	text-align:left;

}

.order_tracker_nav_select_menu

{

	width:98%;

}





.system_specification_heading_area_right2

{

	display:block;

	float:right;

	width:100%;

	text-align:left;

}



}



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



{

	

	

.about_heading_area h1

{

	color:#FFF;

	font-size:36px;

    font-family: 'UbuntuLight';

	font-weight:100;

	text-align:left;	

}





.config_heading_area_left

{width:100%; }



#config_heading_area_right

{width:100%; float:left; color:#FFFFFF; text-align:left; margin:10px 0 0 0}



.input_style2

{

	display:block;

	float:left;

	width:90%;

	height:42px;

	border:1px solid #DFDFDF;

	padding:0 15px;

	background:#FFFFFF;

	font-size:15px;

	color:#666666;

    font-family: 'UbuntuRegular';		

}

.widget-tab-link {

  display: block;

  min-width: 60px;

  padding: 0 3px;

  color: inherit;

  text-align: center;

  text-decoration: none;

  border-radius: 4px 4px 0 0;

}	



}