@charset "utf-8";

/* CSS Document */
@media screen and (min-width: 768px) and (max-width: 1180px) {




	
}



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

	

	

	

	}







@media screen and (max-width: 768px) {
	#nav_icon{ display:block;}
	#hide_bt{ display:block;}

.display{ display:block;}

/*	.width_100 button{ display:none;}*/
	.header_top_bg ul li{border-left:none;
    display: inline-block;
    float: none;
    margin: 0;
    padding: 3% 0;
    text-align: left;
    width: 100%;}
	
	#nav_icon1{ display:block; float:right;}
	#hide_bt1{ display:none;}
	nav.menu{ width:100%; display:inline-block; float:none;}
	nav.menu ul li{ width:100%; float:none; text-align:left; padding:3% 0; margin:0;}
	.logo { width:100%;}
.Starter_Pack ul li{ width:100%; padding:4% 0;}
.footer_bottom_bg ul li{ width:100%;}
ul.right_bt{ width:100%; float:left;}
.web_item ul li{ width:100%;}
.sider_bgtop{ height:auto;}
.nav-toggle{ display:none;}
.mobile_bt {
background: #1a6ba8;
display:block;
}
.margin_bottom{ margin-bottom:16px;}
.form_contant_img ul li label{ width:100%;}
.form_contant_img ul li input[type="text"]{ width:100%; margin:3% 0 0 0;}
li input[type="button"].bt{ margin:6% 0 !important;}
.What_q{ width:100%; float:left; margin-top:6px;}
.form_contant_img{ width:100%;}
.form_contant_img .Free_img{ width:20%;
}

.wform_text{ position:relative; display:none;}


.Portfolio .carousel li{ margin-right:2px;}


.left_1{ width:100%;}
.left_1 .left_part{ width:100%;}
.left_1 ul.right_part{ width:100%; float:left;}
.left_1 ul.right_part{ width:100%;}



.form{ width:100%;}
	.map{ width:100%; float:left; margin:2% 0;}
	.cost_button{ width:100%;}
	.cost_contant{ width:100%; margin:0;}
	.cost_contant ul li{ width:100%;}
		.codexcoder_wrap{ overflow:visible !important;}

	



}

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

.logo { width:30%;}
.Starter_Pack ul li{ width:48%; margin:1% 1%;}
.web_item ul{ width:100%; padding:0;}
.web_item ul li{
display: inline-block;
    margin: 0 1%;
    padding: 0;
    width: 36%;
	
	}

	.cost_contant ul li{ width:50%;}



.codexcoder_box {
	width: 200px;
	height: 173px;
	position: relative;
	overflow: hidden;
	float: left;
	margin: 13px;
}

.PlanPricing {

	-moz-transition:no !important;
	-webkit-transition:no !important;
	-ms-transition:no !important;
	-o-transition:no !important;
	transition:no !important;
}
.PlanPricing:hover {
-moz-transform:scale(0) !important;
	-webkit-transform:scale(0) !important;
	-o-transform:scale(0) !important;
	-ms-transform:scale(0) !important;
	transform:scale(0) !important;
	z-index:2;
	-moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 5px rgba(0, 0, 0, 0.3);
}
.template4:hover{
	border-top:0px solid #1B253B;
	transition: no !important;
}
.template4:hover > div span.price{
top:50px !important;
	transition:no !important;
}
.PlanPricing.template4 .btn {

 -webkit-transition: no !important;
-moz-transition: no !important;
-o-transition: no !important;
transition: no !important;
}
.PlanPricing.template4 .btn:hover {
  
-webkit-transition: no !important;
-moz-transition: no !important;
-o-transition:no !important;
transition: no !important;

}
.PlanPricing.template4 .price {

top:50px;

transition: no !important;
}
	

	}