/* CSS Document */


@media(max-width:1023px){
.main{max-width:996px;padding:0 15px;width:auto;}	
#top_nav{width:100%;padding:20px 0;text-align:center;overflow:hidden;}
#top_number{position:relative;left:0;top:0;float:left;}
#top_nav ul{padding:0;}
#navigation_holder{width:100%;float:none;}
.logo{text-align:center;}
#banner_holder{float:none;margin:20px auto 0 auto;}
#banner{margin:0 auto;}
#content{max-width:996px;padding:22px 15px 0 15px;width:auto;}	
#left_panel{width:70%;margin-right:2%;}
#right_panel{width:28%;}
.box1{width:33.33%;box-sizing:border-box;}
.box2{width:33.33%;box-sizing:border-box;}
.form_img{display:none;}
#form_mid{border:5px solid #d8d8d8;border-radius:5px;background-image:none;width:100%;box-sizing:border-box;padding-top:10px;padding-bottom:10px;}
.textbox_holder{width:21%;margin-right:1%;}
.textbox{width:100%;box-sizing:border-box;background-image:none;border:1px solid #c2c2c2;background-color:#f2f2f2;}
.boxex ul li{width:30%;margin-right:3%;}
ul.list1 li{width:100%;}
.boxex h2{font-size:20px;}
.sample_design{margin-top:0;width:100%;}
.scroller_holder{width:100%;height:auto;overflow:hidden;}
.scroller_left{width:100%;padding:30px 0;}
.scroller_right{width:100%;text-align:center;float:none;padding:0 0 20px 0;}
.item{margin:0 10px;}
#site_map{width:20%;}
#process{width:47%;margin-left:2%;}
#contact{width:28%;margin:0;float:right;}
.yellow_bg_mid{width:100%;}
.yellow_bg_btm{background-size:100%;}
.testimonial_holder{width:100%;}
.step1_btn{width:33.33%;background-size:100% 100%;height:50px;}
.step2_btn{width:33.33%;background-size:100% 100%;height:50px;}
.step3_btn{width:33.33%;background-size:100% 100%;height:50px;}
.portfolio_holder{width:100%;box-sizing:border-box;text-align:center;}
.portfolio_box{float:none;display:inline-block;vertical-align:top;background-size:100% 100%;}
.pagination_holder a{margin-bottom:10px;}
.price_box{width:47%;margin-right:2%;margin-bottom:30px;}
.order_btn_holder{width:100%;}
.shadow img{width:100%;}
.order_form{width:100%;}
.order h3 span{padding:0 !important;}
}

@media(max-width:767px){
#top_number{float:none;text-align:center;}	
#top_number p {padding:0;float:none;text-align:center;}
#top_number p span{display:block;margin-top:10px;}
#top_nav ul{float:none;text-align:center;padding:10px 0 0 0;}
#top_nav ul li{float:none;text-align:center;}
#top_nav ul li a{float:none;}
#banner_holder{width:100%;}
#banner{width:100%;height:auto;overflow:hidden; background-image:none;background-color:#005e80;padding-bottom:30px;text-align:center;box-sizing:border-box;padding:30px 0 20px 0;}
.button_holder a{display:inline-block;vertical-align:top;margin:0 3px;float:none;}
.banner_text{display:none;}
#logo_holder{position:relative;bottom:0;margin:0 auto;}
.slideshow{padding-top:53px;margin-top:0;}
.box1{width:100%;background-image:none;min-height:inherit;float:none;padding:0;overflow:hidden;}
.box2{width:100%;background-image:none;min-height:inherit;float:none;}
#left_panel{width:100%;float:none;margin:0 0 30px 0;}
#right_panel{margin:0 auto 30px auto;width:300px;float:none;overflow:hidden;}
#form_mid{padding:20px 19px;}
.textbox_holder{width:100%;margin-bottom:10px;}
#form_mid .left .name{height:0;}
.boxex ul li{width:100%;margin:0 0 30px 0;}
#site_map{width:100%;background-image:none;margin:0 0 30px 0;}
#process{width:100%;background-image:none;margin:0 0 30px 0;}
#contact{width:100%;background-image:none;margin:0 0 30px 0;}
.button_holder{padding-left:0;}
#process p{width:100%;}
.button_holder2{display:none;}
.boxex ul li h3{display:block;}
.portfolio_box{width:200px;height:200px;margin:14px 5px 0 5px;}
.logo_holder{width:100%;height:100%;}
.price_box{width:100%;margin-right:0;}
.contact_left{width:100%;}
.contact_right{width:100%;margin-bottom:30px;}
.submit_btn{width:100%;}
.order .textbox{width:100%;}
.order .textarea{width:100%;}
.boxex p{padding-right:0;}
}


@media(max-width:567px){
#logo_holder{width:250px;background-size:100% 100%;float:none;height:200px;}
.slideshow{width:100%;height:auto;padding:50px 0 0 0;margin:0;text-align:center;}
#logo_holder img{width:100px;}
.button_holder img{width:80px;}
.button_holder a{margin:0 1px;}
#right_panel{width:100%;}
.order_form .textbox_holder{width:100%;}
.name{width:100%;}
.select2{width:100%;}
.tooltip1 span{top:inherit;left:inherit;bottom:29px;right:-6px;width:250px;}
}



/*------------Default Start------------*/
.one{width:100%;margin:0;}
.one_margin{width:100%;margin:0 auto 30px auto;}
.two{width:47%;margin:0 1% 30px 1%;display:inline-block;vertical-align:top;}
.three{width:30%;margin:0 1% 30px 1%;display:inline-block;vertical-align:top;}
.center{text-align:center;}

@media(max-width:767px){
.one_767{width:100%;margin:0 auto;float:none;}
.one_margin_767{width:100%;margin:0 auto 30px auto;float:none;}
.two_767{width:45%;display:inline-block;margin-left:1%;margin-right:1%;vertical-align:top;}
.three_767{width:30%;display:inline-block;margin-left:1%;margin-right:1%;vertical-align:top;}
.center_767{text-align:center;}
}

@media(max-width:567px){
.one_567{width:100%;margin:0 auto;float:none;}
.one_567_margin{width:100%;margin:0 auto 30px auto;float:none;}
.two_567{width:45%;margin:0 1% 30px 1%;display:inline-block;vertical-align:top;}
.three_567{width:30%;margin:0 1% 30px 1%;display:inline-block;vertical-align:top;}
}
/*------------Default End------------*/