/* #Media Queries
================================================== */


@media all and (min-width:992px) {

	.menu ul {display: block !important;}
	
}


@media all and (max-width:1440px) {


.eu .inner_welcome {max-width: 800px;padding: 12% 0 7% 7%;}
.eu ul.number_plan li{    font-size: 30px;}
.eu .last_portion li{font-size: 12px;}


}



@media all and (max-width:1366px) {
	
	.eu .activity_left{    padding: 5% 30px 20px;}
	.eu .inner_module_scratch{    padding: 0 50px;}
	.eu .module_title h3::after , .eu.select_module .client_plan_1 .module_title h3::before{    width: 50px;height: 10px;background-size: 50px;}
	.eu .activity_left .back_cls{    padding-top: 40px;}
	
}



@media all and (max-width:991px) {
	
	.eu .right_img_sec , .eu .left_content_sec{width: 100%; height:auto !important;}
	.eu .welcome_form{margin-left: 0;}
	.eu .inner_welcome {max-width: 100%;padding: 12% 0 6% 5%;}
	.eu .module_form_4 {height: auto;}
	
	
		/* menu css start */ 
	
	.top_right {margin-top: 15px;}
	.menu-toggle { cursor: pointer; display: block; float: right; height: 0.938em; position: relative; transform: none; transition: all 0.2s ease-in-out 0s; width: 1.375em; }
	.menu-toggle span { background: #fe6e0f none repeat scroll 0 0; display: block; height: 3px; left: 0; opacity: 1; position: absolute; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transition: all 0.2s ease-in-out 0s; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; width: 100%; }
	.menu-toggle span:nth-child(1) { top: 0; transform-origin: left center 0; -webkit-transform-origin: left center 0; }
	.menu-toggle span:nth-child(3) { top: 12px; transform-origin: left center 0; -webkit-transform-origin: left center 0; }
	.menu-toggle span:nth-child(2) { top: 6px; transform-origin: left center 0; -webkit-transform-origin: left center 0; }
	.headertop_wrap .logo { float: none; padding: 16px 0 9px; width: auto; }
	.menu-toggle.open span:nth-child(1) { left: 4px; top: -1px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); }
	.menu-toggle.open span:nth-child(2) { opacity: 0; width: 0; }
	.menu-toggle.open span:nth-child(3) { left: 4px; top: 15px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); }
	.menu ul { display: none; background: #fff none repeat scroll 0 0; left: 10px; position: absolute; right: 0; text-align: left; top: 60px; width: 100%; z-index: 9; }
	.main_header .menu li { margin-right: 0; padding: 14px 0; text-align: center; width: 100%; z-index: 1111; border-bottom: 1px solid #ccc; }
	.main_header .menu li:last-child {border: none;}
	.main_header .menu li a {color: #4d4d4f;}
	.main_header .menu li a:hover {color: #e1261c;}
	.top_right ul li {width: 100%;padding: 0;}
	.top_right ul {padding-top: 0;}
	.top_right ul li a {width: 100%;padding: 15px 20px;}

	
	/* menu css end */
	
	
	.eu.activity .right_img_sec , .eu.module_scratch .right_img_sec , .eu.module_form .right_img_sec , .eu.add_client .right_img_sec , .eu.company_name .right_img_sec,.eu.client_plans .right_img_sec , .eu.select_module .right_img_sec , .eu.custom_module .right_img_sec , .eu .inner_module_scratch_top{height:auto !important; padding: 10px;}
	.eu .right_static_menu{width:100%; max-width:100%;  position:relative; z-index:9;}
	.eu .jane_intro {padding: 20px;width: 250px;}
	.eu .top_right {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);}

	
	.eu .inner_module_scratch {padding: 30px 20px;}
	.eu .module_slider { background: #efefef; padding: 40px 7%; height: auto; }
	.eu .add_client_info{padding: 30px 20px;}
	.eu .client_regards{    padding: 30px 20px 140px;}
	.eu .lower_corp{left: 0;}
	.eu .inner_client_doc {padding: 30px 20px;}
	.eu .inner_client_doc .title_template {margin-bottom: 30px;}
	.eu .fancybox-inner {width: auto !important;}
	#content_popup{    padding: 20px 30px;}
	.eu .data_fancy_box h2{    margin-bottom: 20px;}
	.eu .module_custom_data{    padding: 30px 20px ;}
	
	
	
}
@media all and (max-width:767px) {	
	
	.eu h2{font-size: 28px;}
	.eu.home .left_logo {padding: 32px 20px 24px;}
	.eu .inner_welcome p{font-size: 28px;}
	.eu .left_form {width: 100%;float: left;}
	.eu .pass_forget { width: 100%; margin-right: 0; padding-right: 20px; }
	.eu .frm_grp{width:100%; margin-right: 0;padding: 15px 20px;}
	.eu .right_form {width: 100%;float: left;}
	.eu .frm_grp.submit input{padding: 20px 10px;}
	.eu .inner_welcome {max-width: 100%;padding: 30px 30px;}
	.eu .welcome_text {margin-bottom: 30px;}
	.eu .left_logo {float: left;width: 50%;padding: 20px 20px 10px;}
	.eu .right_logo{padding: 18px 10px 10px;}
	.eu .left_logo p{display:none;}
	
	.eu .activity_left {padding: 30px 20px;width: 100%;height: auto !important;}
	.eu .activity_right { padding: 30px 20px 30px 0; width: 100%; float: left; background: #f7f7f7; height: auto !important; }
	.eu .top_title{    margin-bottom: 30px;}	
	.eu .activity_right .top_title {margin-bottom: 30px;}
	.eu .plan_img{    margin-bottom: 50px;}
	.eu h3{font-size: 20px;}
	
	.eu .module_title, .eu .module_desc , .eu .form_information{    margin-bottom: 20px;}
	.eu .form_information h4 {font-size: 16px;}
	.eu .module_desc p{font-size: 16px;}
	.eu .form_module .frm_grp label{    font-size: 14px;}
	.eu .frm_grp input, .eu .frm_grp textarea{    font-size: 14px;}
	.eu .form_module .frm_grp{    padding: 10px 20px;}
	.eu .module_title h3{background:none;}
	.eu .form_grp_check label{font-size: 14px;}
	.eu .form_grp_check input[type="radio"]:not(old) + label{padding-left: 30px;}
	.eu .module_title {padding-bottom: 10px;}
	.eu .module_title h3::after , .eu.select_module .client_plan_1 .module_title h3::before { width: 40px; height: 10px; background-size: 40px; left: 50%; bottom: -20px; transform: translate(-50% , 0%); top: inherit; }
	.eu .saved_btn.btn_cls { float: none; top: 0; position: relative;margin-top: 35px;}
	.eu .module_form_4 .module_title {float: left;width: 100%;text-align:center;    padding: 30px 20px;}
	.eu .module_slider{float: left;width: 100%;padding: 30px 20px;}
	.eu .inner_slider button.slick-arrow{    padding: 0 15px;}
	.eu .inner_slider .slick-list{    margin: 0 20px!important;}
	.eu .inner_slider .slick-prev:before{left:5px;}
	.eu .inner_slider .slick-next:before{right:5px;}
	.eu.add_client .saved_btn.btn_cls{    margin-top: 15px;}
	.eu .add_box{    width: 100%;}
	.eu .add_box a{padding: 20px 20px;}
	.eu .module_select .add_box {width: 100%;padding: 20px;}
	.eu .module_select .upper_box .left_box_1{height:auto !important;}
	.eu .data_fancy_box h2 {font-size: 24px;margin-bottom: 20px;}
	.eu .inner_slider .slick-prev{left:0;}
	.eu .inner_slider .slick-next{right:0;}
	
}

@media all and (max-width:640px) {
	
	.eu.home .right_logo, .eu.activity .right_logo, .eu.module_scratch .right_logo , .eu.module_form .right_logo  , .eu.add_client .right_logo , .eu.client_plans .right_logo , .eu.select_module .right_logo ,  .eu.custom_module .right_logo{    max-width: 160px;width: 100%;}
	.eu .add_client_info .form_module .frm_grp:nth-child(3), .eu .add_client_info .form_module .frm_grp:nth-child(4) , .eu .add_client_info .form_module .frm_grp:nth-child(5), .eu .add_client_info .form_module .frm_grp:nth-child(7), .eu .add_client_info .form_module .frm_grp:nth-child(8){width: 100%;margin-right: 0;}
	
	.eu .add_client_1 .form_grp_check , .eu .grp_check.plans .form_grp_check , .eu .form_grp_check{width: 100%;margin-bottom: 15px;margin-right: 0;}
	.eu .corp_pending{    width: 100%;     margin-bottom: 20px;    padding: 20px 20px;}	
	.eu .lower_corp {    top: 125px;}
	.eu .corp_pending:last-child {margin-bottom: 0;}
	
	.eu .upper_box .right_box_1 p, .eu .upper_box .right_box_1 h4 {font-size: 14px;}
	.eu .client_regards {padding: 30px 20px 180px;}

}

@media all and (max-width:480px) {
	
	
	.eu .inner_welcome {max-width: 100%;padding: 20px 20px;}
	.eu .inner_welcome p {font-size: 26px;}
	.eu ul.number_plan li {font-size: 24px;}
	.eu .last_portion li {font-size: 10px;}
	.eu .additive_contain .lower_corp{    width: 240px;}	
	.eu .additive_contain .lower_corp button{ width:100%;}
}


@media all and (max-width:400px) {

.eu .lower_corp {top: 145px;}

}

@media all and (max-width:380px) {

.eu .inner_plan_cont{    top: 40%;}


}