@media only screen and (min-width: 240px) and (max-width: 767px) {

	html {
		font-size: 52%;
	}

	.container {
		max-width: 100%;
	}


	.only_desktop_view {
		display: none;
	}

	.only_mobile_view {
		display: block;
	}


	.button a, .button button {
		padding: 8px 25px;
	}

	.section {
		padding: 30px 0;
	}


	.logo {
		
	}

	.heading h2 {
		font-size: 30px;
		line-height: 40px;
	}

	.heading h2 span {
		font-size: 48px;
		line-height: 60px;
	}

	.toggle_button {
		display: flex;
	    justify-content: center;
	    align-items: center;
	    width: 20px;
	    height: 18px;
	    cursor: pointer;
	    background: transparent;
	}

	.toggle_button div {
		width: 100%;
	    height: 1.5px;
	    border-radius: 3px;
	    background-color: var(--e-global-color-white);
	    position: relative;
	    transition: all .25s ease 0s;
	}

	.toggle_button div:before,
	.toggle_button div:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    width: inherit;
	    height: inherit;
	    background-color: var(--e-global-color-white);
	    border-radius: 3px;
	    transition: all .25s ease 0s;
	}

	.toggle_button div:before {		
		-webkit-transform: translateY(-6px);
    	transform: translateY(-6px);
	}	

	.toggle_button div:after {
		-webkit-transform: translateY(6px);
    	transform: translateY(6px);
	}	

	.close_toggle {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-bottom: 10px;
		padding-top: 10px;
		padding-right: 0;
		float: right;
		padding-right: 0;
		margin: 0 0 0 auto;
	}

	.close_toggle .toggle_button div {
		background-color: var(--e-global-color-black);
	}

	.close_toggle .toggle_button div:before,
	.close_toggle .toggle_button div:after {
		background-color: var(--e-global-color-black);
	}

	.toggle_button.active div {
		background-color: initial;
	}

	.toggle_button.active div:before {		
		-webkit-transform: translateY(0) rotate(-45deg);
    	transform: translateY(0) rotate(-45deg);
	}	

	.toggle_button.active div:after {
		-webkit-transform: translateY(0) rotate(45deg);
    	transform: translateY(0) rotate(45deg);
	}

	.mobile_version_menu_inside {
		display: flex;
	}

	.menu {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 999;
		top: 0;
		left: -100vw;
		background-color: var(--e-global-color-white);
		overflow: hidden;
		padding: 1rem;
		-webkit-transition: left .6s cubic-bezier(.6,.1,.68,.53);
    	transition: left .6s cubic-bezier(.6,.1,.68,.53);
	}

	.menu.menu_open {
		left: 0;
	}

	#menu_background_overlay {
		display: block;
	    position: fixed;
	    z-index: 14;
	    top: 0;
	    left: -110vw;
	    height: 100%;
	    width: 100%;
	    background-color: rgba(51,51,51,.5);
	    -webkit-transition: all .4s ease;
	    transition: all .4s ease;
	    opacity: 1;
	    visibility: visible;
	}

	#menu_background_overlay.menu_overlay_active {
		left: 0;
	}

	.mobile_view {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 2rem;
	}

	.mobile_view_logo {
		max-width: 17rem;
	}

	.menu > ul {
		width: 100%;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
	}

	.menu > ul li {
		width: 100%;
		padding: 1rem 2rem;
	}

	.menu > ul li a {
		width: auto;
		display: inline-block;
		padding: 0;
	}

	.menu > ul li > a:hover {
		background: transparent;
		color: #E00544;
	}

	.menu > ul li a span {
		position: relative;
	}

	.menu > ul li.child_menu a span {
		padding-right: 6rem;
	}
	
	.menu > ul li.child_menu .child_menu_panel {
		position: relative;
		display: none;
	}

	.menu > ul li.child_menu:hover .child_menu_panel {
		display: block;
	}

	.mega_menu {
		max-width: 100%;
		min-width: 100%;
		right: 0;
		height: 78vh;
		overflow-y: auto;
	}

	.mega_menu .mega_menu_part_top {
		border-top: solid 0.1rem #DFDFDF;
	}

	.menu ul li.child_menu .child_menu_panel li, 
	.menu ul li.child_menu .mega_menu .mega_menu_part .mega_menu_part_list ul li {
		font-size: 1.3rem;
	    line-height: 1.6rem;
	    padding: .3rem 0;
	}

	.menu .social ul li a {
		background-color: #E00544;
		color: var(--e-global-color-white);
	}


	.header_right .button {
		padding-left: 0;
		padding-right: 10px;
	}

	.header_right .button a {
		padding: 5px 15px;
		font-size: 15px;
	}

	.home_banner {
		padding-top: 70px;
	}

	.banner_content_box h1 {
		font-size: 55px;
		line-height: 50px;
	}

	.banner_content_box h1 span {
		font-size: 50px;
		line-height: 65px;
	}

	.home_banner:after, .home_sec3:after, .home_sec5:after {
		display: none;
	}

	.home_sec2_left {
		margin-bottom: 20px;
	}

	.home_sec2_left h2 {
		font-size: 32px;
		line-height: 36px;
		margin-bottom: 10px;
	}

	.home_sec2_left h2 span {
		font-size: 50px;
		line-height: 55px;
	}
	
	.home_sec2_left .button {
		margin-top: 20px;
	}

	.home_sec3_box_image {
		width: 100%;
	}

	.home_sec3_box_content {
		width: 100%;
		padding: 15px 0 0;
	}

	.home_sec3_box_content h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.home_sec3_box_content h3 span {
		font-size: 40px;
		line-height: 44px;
	}

	.home_sec4 .heading h2, .home_sec7 .heading h2 {
		font-size: 30px;
	}

	.home_sec4 .heading h2 span, .home_sec7 .heading h2 span {
		font-size: 48px;
	}

	.home_sec4_main {
		margin-top: 0;
	}

	.home_sec4_wrap_box {
		border: none;
	}

	.home_sec5_left {
		padding-top: 15px;
	}


	.home_sec6 {
		padding: 30px 15px;
	}

	.home_sec6_main_box {
		padding: 20px;
	}

	.home_sec6_box ul li {
		width: 100%;
	}

	.home_blog_box_content {
		padding: 15px;
	}

	.home_sec7_main_box {
	    margin-bottom: 10px;
	}


	.home_sec8 {
		padding: 30px 15px;
	}

	.home_sec8_box {
		padding: 30px 30px 0 30px;
		background: linear-gradient(to bottom, #1B0947 40%, #E00544 40%);
	}

	.home_sec8_box:before {
		width: 100%;
		height: 40%;
	}

	.home_sec8_left, .home_sec8_middle, .home_sec8_right {
		width: 100%;
	}

	.home_sec8_left {
		order: 1;
	}

	.home_sec8_middle {
		order: 3;
	}

	.home_sec8_right {
		order: 2;
		padding-top: 60px;
	}

	.home_sec8_left h2 {
		font-size: 36px;
	}

	.home_sec8_image {
		position: static;
	}



	.footer_menu ul {
		flex-wrap: wrap;
	}

	.footer_menu ul li {
		width: 50%;
	    padding: 6px 10px;
	    border: none;
	    font-size: 16px;
	}

	.footer_left {
		text-align: center;
	}

	.footer_logo {
		margin: auto;
	}

	.footer_middle ul li {
		font-size: 14px;
		line-height: 24px;
	}

	.footer_right {
		justify-content: center;
		margin-top: 10px;
	}




	

}



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


	html {
		font-size: 55%;
	} 


	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: calc(100% - 4rem);
	}

	



	
}



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

	.hamburger_menu, .hamburger_close {display: none;}

}


@media only screen and (min-width: 992px) and (max-width: 1023px) {

	

}

@media only screen and (min-width: 1023px) and (max-width: 1190px) {

	html {
		font-size: 58%;
	}
	

}

@media only screen and (min-width: 1191px) and (max-width: 1300px) {

	html {
		font-size: 60%;
	}

}


@media only screen and (min-width: 1601px) and (max-width: 1800px) {

	html {
		font-size: 85%;
	}

}



@media only screen and (min-width: 1801px) and (max-width: 2000px) {

	html {
		font-size: 95%;
	}

}



@media only screen and (min-width: 2001px) and (max-width: 2500px) {

	html {
		font-size: 110%;
	}


}



@media only screen and (min-width: 2501px) and (max-width: 2800px) {

	html {
		font-size: 128%;
	}


}


@media only screen and (min-width: 2801px) and (max-width: 3500px) {

	html {
		font-size: 148%;
	}


}


@media only screen and (min-width: 3501px) and (max-width: 4000px) {

	html {
		font-size: 180%;
	}


}


@media only screen and (min-width: 4001px) and (max-width: 4500px) {

	html {
		font-size: 200%;
	}


}


@media only screen and (min-width: 4501px) and (max-width: 5000px) {

	html {
		font-size: 200%;
	}


}


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

	html {
		font-size: 250%;
	}


}