/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
=================================================2=
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

.container                                  { width: 1000px; margin: 0 auto; padding: 0; }

/* #Additional - Large Screens beyond 1280px
================================================== */

/* Note: Design for a width of 1280px */

@media only screen and (min-width: 1281px) {

.container                                  { width: 1000px; }
.toggleMenu {display:none:}
}

	
/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {

.container{ 
	width: 768px;
	margin:0px auto;
}
#header .slogen_box {
	width: 360px;
	margin-left: 12px;
}
#header .slogen_box .txt_2 {
	font-size: 20px;
}
#header .slogen_box .txt_3 {
	width: 335px;
	padding-right: 0px;
}
#header .header_right {
	width: 183px;
}
#header .header_right .call_txt {
	font-size: 21px;
}
.slogan_txt_left {
	font-size: 27px;
}
.slogan_txt_right {
	font-size: 27px;
}
.menu_main {
	width: 100%;
}
.nav a {
	margin: 0px 0px;
	font-size: 16px;
}
.nav > li > a {
	font-size: 16px;
	padding: 13px 17px!important;
}
.nav > li > .parent {
	background-position: 88% 50%;
	padding: 12px 26px 12px 10px!important;
}
.nav > li > .parent:hover {
	padding: 12px 26px 12px 10px!important;
}
.nav > li > a:hover {
	padding: 13px 17px!important;
}
.nav > li:last-child > a {
	font-size: 16px;
	padding: 13px 22px 13px 22px !important;
}
#middle {
	width: 730px;
}
.img_width{
	width: 100%;
}
#slider_box {
	width: 720px;
}
.pix_diapo {
	height: 260px!important;
	width: 720px!important;
}
.caption {
	padding: 10px 20px;
	width: 680px!important;
}
.mdl_con_box {
	width: 720px;
	padding: 0px 4px 0px 4px;
}
.banner_box {
	padding: 30px 0px 20px 0px;
}
.banner_box .banner_1 {
	width: 225px;
	margin-right: 19px;
}
.banner_box .banner_1 h1 {
	font-size: 22px;
	line-height: 24px;
}
.banner_box .banner_1 .disaccount_txt {
	font-size: 42px;
	line-height: 49px;
}
.banner_box .banner_1 .disaccount_txt span {
	font-size: 23px;
}
.banner_box .banner_1 .dis_lorem {
	width: 110px;
	font-size: 10px;
	padding: 0px 10px 0px 0px;
	line-height: 16px;
}
.banner_box .banner_2 {
	width: 225px;
	margin-right: 0px;
}
.gift_img_width{
	width: 73%;
}
.banner_box .banner_2 .img_box {
	width: 100px;
}
.banner_box .banner_2 .txt_box {
	width: 100px;
	line-height: 25px;
}
.banner_box .banner_2 .txt_box .txt_1 {
	font-size: 19px;
}
.banner_box .banner_2 .txt_box .txt_2 {
	font-size: 16px;
}
.banner_box .banner_2 .lorem_box {
	width: 94%;
	font-size: 11px;
	padding: 2% 3% 2% 3%;
}
.click_link {
	padding: 0px 7% 3% 0%;
}

.banner_box .banner_3 {
	width: 225px;
	margin-right: 20px;
}
.banner_box .banner_3 .txt_box {
	float: left;
	width: 210px;
	padding: 0px 8px 0px 8px;
}
.banner_box .banner_3 .txt_box .txt_1 {
	font-size: 17px;
	padding-bottom: 4px;
	padding-top: 3px;
}
.banner_box .banner_3 .txt_box p {
	font-size: 12px;
	line-height: 14px;
}
#footer {
	width: 728px;
}
#footer .angies_list_logo {
	width: 23%;
}
#footer .angies_list_logo img {
	width: 100%;
}
#footer .links {
	width: 58%;
	padding: 7px 0px 0px 0px;
}
#footer .cards_icon {
	width: 19%;
}
#footer .cards_icon img {
	width: 100%;
}

/*--------------------------------{ Services }--------------------------------------*/
.mdl_con_box .inner_con_box .inner_con_left {
	width: 470px;
}
.mdl_con_box .inner_con_box .inner_con_right {
	width: 228px;
}
.mdl_con_box .inner_con_box .inner_con_right .banner_box .banner_1 {
	width: 226px;
}
.mdl_con_box .inner_con_box .inner_con_right .banner_box .banner_2 {
	width: 226px;
}

/*--------------------------------{ Project }--------------------------------------*/
.gallery_box ul li {
	margin: 0px 22px 20px 22px;
}
}
/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

.container{ 
	width: 300px;
	margin:0px auto;
}
.logo{
	width: 100%;
	text-align: center;
	padding: 8px 0px 0px 0px;
}
#header .slogen_box {
	width: 280px;
	padding: 15px 0px;
	margin-left: 10px;
}
#header .slogen_box .txt_2 {
	font-size: 21px;
}
#header .slogen_box .txt_3 {
	width: 280px;
	font-size: 15px;
	padding-right: 0px;
	padding-left: 0px;
}
#header .header_right {
	width: 280px;
	margin-right: 10px;
	padding: 0px 0px 20px 0px;
}
#header .header_right .call_txt {
	font-size: 25px;
	text-align: center;
	color: #f7e82b!important;
	padding: 0px 0px 20px 0px;
}
#header .header_right .social_box {
	float: right;
	width: 64%;
	margin: 0px 50px;
}
.slogan_txt_left {
	font-size: 27px;
}
.slogan_txt_right {
	font-size: 27px;
}
.menu_main {
	width: 300px;
}
#middle {
	width: 280px;
	padding: 10px 10px;
}
.img_width{
	width: 100%;
}
#slider_box {
	width: 275px;
}
.pix_diapo {
	height: 100px!important;
	width: 275px!important;
}
.caption {
	padding: 5px!important;
	font-size: 10px!important;
	width: 265px!important;
	margin: 0px 0px -0px 0px;
}
.mdl_con_box {
	width: 280px;
	padding: 0px;
}
h1 {
	font-size: 22px;
	margin-bottom: 13px;
}
.banner_box {
	padding: 50px 0px;
}
.banner_box .banner_1{
	float: left;
	width: 278px;
	margin: 0px 0px 25px 0px;
}
.banner_box .banner_1 h1{
	font-size: 25px;
	padding: 3px 0px 10px 0px;
	background-image: none;
}
.banner_box .banner_1 .disaccount_txt{
	font-size: 65px;
	line-height: 60px;
	padding: 6px 10px;
}
.banner_box .banner_1 .disaccount_txt span{
	font-size: 33px;
}
.banner_box .banner_1 .dis_lorem{
  float: right;
  width: 260px;
  padding: 25px 0px 0px 0px;
  line-height: 18px;
}
.banner_box .banner_2{
	float: left;
	width: 278px;
	margin: 0px;
}
.banner_box .banner_2 .img_box{
	float: left;
	width: auto;
	padding: 8px 0px 0px 8px;
}
.banner_box .banner_2 .txt_box{
  float: left;
  width: 270px;
  padding: 0px 10px;
  text-align: left;
}
.banner_box .banner_2 .form_box
{
	padding-right: 5px;
}
.banner_box .banner_2 .box_1
{
	padding-bottom: 2px;
}
.banner_box .banner_2 .sub_btn
{
	margin-bottom:0px;
}
.banner_box .banner_2 .txt_box .txt_1{
	font-size: 25px;
	line-height: 28px;
}
.banner_box .banner_2 .txt_box .txt_2{
	font-size: 19px;
}
.banner_box .banner_2 .lorem_box{
	width: 91%;
	padding: 1% 5% 2% 5%;
}
.click_link{
	width: auto;
margin: 0px 4% 4% 0%;
padding: 0px;

}

.banner_box .banner_3{
	width: 278px;
	margin: 0px 0px 25px 0px;
}
.banner_box .banner_3 .txt_box{
	width: 270px;
	padding: 8px 0px 0px 8px;
	line-height: 20px;
}
.banner_box .banner_3 .txt_box .txt_1{
	font-size: 20px;
	padding: 3px 0px 15px 0px;
}
.banner_box .banner_3 .txt_box p{
	font-size: 13px;
	line-height: 16px;
}

#footer {
	width: 280px;
	padding: 10px 10px;
}
#footer .angies_list_logo {
	width: 100%;
	text-align: center;
}
#footer .angies_list_logo img {
	width: auto;
}
#footer .links {
	width: 100%;
	padding: 10px 0px 0px 0px;
	line-height: 22px;
}
#footer .cards_icon {
	width: 100%;
	padding: 10px 0px 0px 0px;
	text-align: center;
}
#footer .cards_icon img {
	width: auto;
}

/*--------------------------------{ Services }--------------------------------------*/
.mdl_con_box .inner_con_box .inner_con_left {
	width: 280px;
}
.mdl_con_box .inner_con_box .inner_con_right {
	float: left;
	width: 280px;
}
.mdl_con_box .inner_con_box .inner_con_right .banner_box {
	float: left;
	width: 100%;
	padding: 25px 0px 15px 0px;
}
.mdl_con_box .inner_con_box .inner_con_right .banner_box .banner_1 {
	width: 278px;
}
.mdl_con_box .inner_con_box .inner_con_right .banner_box .banner_2 {
	width: 278px;
}
.mdl_con_box .inner_con_box .inner_con_right .banner_box .banner_3 {
	width: 278px;
}

/*--------------------------------{ Contact }--------------------------------------*/
.text_filed {
	width: 268px;
}
.msg_box {
	width: 268px;
}
.name {
	width: 85px;
	padding-top: 0px;
}
.nivo-caption{
	display: none!important;
}
.theme-default .nivo-caption {
	display: none;
}

/*--------------------------------{ Project }--------------------------------------*/
.gallery_box ul li {
	margin: 0px 44px 20px 44px;
}

}
/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */


@media only screen and (min-width: 480px) and (max-width: 767px) {
.container{ 
	width: 420px;
	margin:0px auto;
}
.logo{
	width: 100%;
	text-align: center;
	padding: 8px 0px 0px 0px;
}
#header .slogen_box {
	width: 403px;
	padding: 15px 0px;
	margin-left: 10px;
}
#header .slogen_box .txt_2 {
	font-size: 25px;
}
#header .slogen_box .txt_3 {
	width: 370px;
	padding-right: 0px;
}
#header .header_right {
	width: 400px;
	margin-right: 0px;
	padding: 0px 10px 20px 0px;
}
#header .header_right .call_txt {
	width: 174px;
	font-size: 25px;
	padding: 0px 0px 20px 0px;
}
#header .header_right .social_box {
	float: left;
	width: 45%;
	margin: 0px;
}
.slogan_txt_left {
	font-size: 27px;
}
.slogan_txt_right {
	font-size: 27px;
}
.menu_main {
	width: 420px;
}
#middle {
	width: 400px;
	padding: 10px 10px;
}
.img_width{
	width: 100%;
}
#slider_box {
	width: 395px;
}
.pix_diapo {
	height: 158px!important;
	width: 395px!important;
}
.caption {
	padding: 10px!important;
	width: 375px!important;
	margin: 0px;
}
.mdl_con_box {
	width: 400px;
	padding: 0px;
}
h1 {
	font-size: 22px;
	margin-bottom: 13px;
}
.banner_box {
	padding: 50px 0px;
}
.banner_box .banner_1{
	float: left;
	width: 296px;
	margin: 0px 50px 25px 50px;
}
.banner_box .banner_1 h1{
	font-size: 30px;
	padding: 10px 0px;
	background-image: none;
}
.banner_box .banner_1 .disaccount_txt{
	font-size: 65px;
	line-height: 62px;
	padding: 6px 10px;
}
.banner_box .banner_1 .disaccount_txt span{
	font-size: 29px;
}
.banner_box .banner_1 .dis_lorem{
	float: right;
	width: 135px;
	padding: 0px 10px 0px 0px;
	line-height: 18px;
}
.banner_box .banner_2{
	float: left;
	width: 296px;
	margin: 0px 50px 0px 50px;
	padding-bottom: 0px;
}
.banner_box .banner_2 .img_box{
	float: left;
	width: auto;
	padding: 8px 0px 0px 8px;
}
.banner_box .banner_2 .txt_box{
	float: right;
	width: 145px;
	line-height: 35px;
	padding: 10px 8px 0px 0px;
}
.banner_box .banner_2 .txt_box .txt_1{
	font-size: 27px;
}
.banner_box .banner_2 .txt_box .txt_2{
	font-size: 19px;
}
.banner_box .banner_2 .lorem_box{
	width: 86%;
	padding: 3% 7% 4% 7%;
}
.click_link{
	width: auto;
	margin: 0px 4% 4% 0%;
	padding: 0px;
}

.banner_box .banner_3{
	width: 296px;
	margin: 0px 50px 25px 50px;
}
.banner_box .banner_3 .txt_box{
	width: 280px;
	padding: 8px 8px 0px 8px;
	line-height: 20px;
}
.banner_box .banner_3 .txt_box .txt_1{
	font-size: 20px;
padding: 3px 0px 8px 0px;
}
.banner_box .banner_3 .txt_box p{
	font-size: 13px;
	line-height: 16px;
}

#footer {
	width: 400px;
	padding: 10px 10px;
}
#footer .angies_list_logo {
	width: 100%;
	text-align: center;
}
#footer .angies_list_logo img {
	width: auto;
}
#footer .links {
	width: 100%;
	padding: 10px 0px 0px 0px;
	line-height: 22px;
}
#footer .cards_icon {
	width: 100%;
	padding: 10px 0px 0px 0px;
	text-align: center;
}
#footer .cards_icon img {
	width: auto;
}

/*--------------------------------{ Service }--------------------------------------*/
.mdl_con_box .inner_con_box .inner_con_left {
	width: 400px;
}
.mdl_con_box .inner_con_box .inner_con_right {
	float: left;
	width: 400px;
}
.mdl_con_box .inner_con_box .inner_con_right .banner_box {
	float: left;
	width: 100%;
	padding: 25px 0px 15px 0px;
}
.mdl_con_box .inner_con_box .inner_con_right .banner_box .banner_1 {
	width: 296px;
}
.mdl_con_box .inner_con_box .inner_con_right .banner_box .banner_2 {
	width: 296px;
}
.mdl_con_box .inner_con_box .inner_con_right .banner_box .banner_3 {
	width: 296px;
}

/*--------------------------------{ Contact }--------------------------------------*/
.text_filed {
	width: 288px;
}
.msg_box {
	width: 288px;
}
.name {
	width: 100px;
	padding-top: 10px;
}

/*--------------------------------{ Project }--------------------------------------*/
.gallery_box ul li {
	margin: 0px 4px 20px 5px;
}

}
/* #Clearing
================================================== */

/* Self Clearing Goodness */
.clearfix {	zoom: 1; }
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }