/* #region - -------------------------- GENERAL */

@media only screen and (max-width : 1240px) { 
	
	.element .dtable {
		width: 1170px;
	}

	.element .col-info {
		width: 1170px;
		overflow-x: auto;
	}

	.element .progress_bar {
		left: 610px;
	}
	
	.element .accordion_contents .col-info {
		width: 100%;
	}
	
}

@media only screen and (max-width : 1170px) { 
	
	.sliderpost-01 .container-xl {
		flex-flow: column;
		align-items: flex-start;
		gap: 30px;
	}
	
	.element .post_dinfo {
		margin: 0px;
		max-width: 470px;
	}
	
	.sliderpost-01 .slider_post.slide-bg.is-grid {
		max-width: initial;
	}
	
	.sliderpost-01 .slider_post .owlnext {
		right: 0px;
	}
	
	.sliderpost-01 .slider_post .owlprev {
		right: 40px;
	}
	
	.sliderpost-01 .slider_post.slide-bg.is-grid::after {
		display:none;
	}
	
	.sliderpost-01 .slider_post.slide-bg.is-grid .owl-1.owl-carousel {
		width: 100%;
	}
	
}



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

    section.element .wrap { padding: 30px 0 !important; }
    section.element .nwrap { padding: 0; }

    .element.no-br br { display: none; }
	
	ul.menu-links.show-lg.mv.is-mobile {
		display: none;
	}
	
	.element .f-icon svg g {
		fill: #FFF;
	}
	
	header div#menu-oc-right {
        max-width: initial !important;
        width: 100%;
        background: #131424;
    }
	
	#menu-oc-right a.d-link.sticky-logo.navbar-brand {
		display: block;
		width: 100%;
		max-width: 211px;
		margin: 40px 0px;
	}
	
	#menu-oc-right ul li a span {
		color: #FFF;
		font-family: "Rethink Sans", sans-serif;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		text-transform: uppercase;
	}
	
	#menu-oc-right ul li {
		border-bottom: 1px solid #FFF;
	}
  
	header .menu_wrap {
		background-color: #131424 !important;
	}
	
	.form-01 .gform {
		position: relative;
		max-width: initial;
		top: 0px;
		margin-top: 30px;
	}
	
	.form-01 .dinfo .mtitle {
		max-width: initial;
	}
	
	.form-01 .dinfo {
		padding: 70px;
	}
	
	.form-01 .wrap {
		margin: 0px;
	}
	
	.individual_list {
		padding: 10px 0px;
	}
	
	.list_container {
		gap: 10px 40px;
	}
	
	.individual_list::after {
		right: -20px;
	}
	
	.element .default_form {
		padding: 30px;
	}
	
	.element .default_form .gform_body .gform_fields {
		gap: 30px;
		flex-flow: column;
		display: flex;
	}
	
	.element .default_form .gfield label {
		width:140px;
	}
	
	.element .default_form .gfield {
		max-width: initial;
	}
	
	.element .default_form .ginput_container input {
		width: 100% !important;
	}
	
	.element .default_form .ginput_container.ginput_container_fileupload {
		padding: 0px;
	}
	
	.frcontact-01 .gform.default_form .btn-4 {
		bottom: 30px;
		left: 190px;
	}
	
	.mobile-menu .m-toggler {
		background-color: #03c1d5;
		opacity: 1;
	}
	
	.mobile-menu .dropdown-menu .menu-item a:hover span {
		color: #FFF !important;
	}
	.mobile-menu .dropdown-menu .menu-item a:hover {
		background-color: #03c1d5;
	}
	
	.mobile-menu .dropdown-menu .menu-item a {
		opacity: 1;
		padding: 15px 20px;
		transition: 0.3s;
	}
	
	#menu-oc-right .dropdown-menu .menu-item a span {
		color: #03c1d5;
		transition:0.3s;
	}
	
	
	
}  

@media only screen and (max-width : 991px) { 
	
	.row_media_v2 img {
		width: 100%;
		border-radius: 35px;
	}
	
	.element .rm_dinfo_v2 .dtext {
		max-width: initial;
	}
	
	.element .rm_dinfo_v2 {
		padding: 0px;
	}
	
	.accordion_contents {
		padding: 0px;
	}
	
	.element .accordion_contents .col-info {
		padding-top: 30px;
	}
	
	.row_accordion_media img.d-img {
		width: 100%;
		position: relative;
	}
	
	.row_accordion_media {
		max-width: initial;
		max-height: 380px;
	}
	
	.media_list_text {
		padding: 0px;
	}

	.element .media_list_container {
		padding-top: 30px;
	}
	
	.contents_container {
		gap: 30px;
	}
	
	.ajaxp-01 .tax-links.cat-links {
		padding: 18px 0px;
	}
	
	.ajaxp-01 .tax-links.cat-links .custom-select__trigger, .ajaxp-01 .tax-links.cat-links .custom-options {
		color: #171F28;
		font-family: "Rethink Sans", sans-serif;
		font-size: 20px;
		font-style: normal;
		font-weight: 500;
		line-height: 110%;
	}
	
	.ajaxp-01 .tax-links.cat-links .custom-options span {
		font-size: 20px;
		padding: 10px 22px;
	}
	
	.ajaxp-01 .tax-links.cat-links .custom-options span.custom-option.selected {
		color: #0BA4B2;
	}
	
	.ajaxp-01 .tax-links.cat-links .custom-options span {
		font-size: 20px;
		padding: 10px 22px;
		background-color: #171F28;
		color: #FFF;
	}
	
	.ajaxp-01 .ajax_grid.proj-row .individual_ajax_post {
		width: 100%;
	}
	
	.single_post_title {
		padding: 30px 0px;
	}
	
	.element.single-post > .wrap > .container {
        width: auto;
        margin: 0px;
        padding-top: 30px;
    }
	
	.single_post_contents img {
		margin: 20px 0px;
	}
	
	.element .single_post_contents .div-back {
		padding-top: 20px;
	}
	
	article.element.single-post .form-01 .wrap {
		padding: 30px 0px;
	}
	
	.frcontact-01 .gform.default_form {
		max-width: initial;
	}
	
	.element .fr_contents {
		padding: 30px;
	}
	
}

@media only screen and (max-width : 960px) { 
	
	.flex_container {
		padding: 30px 0px;
		flex-flow: column;
		gap:50px;
	}
	
	.footer-0 .footer_column {
		width: 100%;
	}
	
	.footer1.footer_column {
		gap: 30px;
	}
	
	.element .footer_title.dtext {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	.element .hero-opt {
		gap: 20px;
		padding-top: 0px;
	}
	
	.element .hero-opt .mtitle {
		text-align: left;
		font-size: 40px;
		line-height: 120%;
	}
	
	.hero-01 .wrap {
		min-height: 700px;
	}
	
	.element .mtitle {
		font-size: 32px;
	}
	
	.element .title_container {
		padding-bottom: 30px;
	}
	
	.cards-01 .div-link.item .pad {
		padding: 30px;
	}
	
	.element .col-info {
		padding-top: 30px;
	}
	
	.element .flex_dinfo .btn-loop {
		padding: 0px;
	}
	
	.row_list_container {
		gap: 30px;
	}
	
	.individual_row_list {
		flex-flow: column;
		align-items: flex-start;
		gap: 40px;
	}
	
	.element .row_list_text {
		gap: 20px;
	}
	
	.row_list_media {
		width: 100%;
	}
	
	.media_list_text.contents_list_cointainer {
		gap: 30px;
	}
	
	.individual_contents_list {
		gap: 20px;
	}
	
	.element .rm_dinfo_v2 {
		gap: 20px;
	}
	
	.element .single_media_container img {
		width: 100%;
	}
	
	.element .media_text_container {
		padding: 20px;
	}
	
	.element .atitle {
		font-size: 24px;
	}
	
	.element .title_text_v2_container {
		gap: 30px;
	}
	
	.text_v2_container {
		flex-flow: column;
	}
	
	.text_v2_container > div {
		width: 100%;
	}
	
	.element .text_v2_number .dtext {
		font-size: 24px;
	}
	
	.form-01 .gform-body.gform_body .gfield .validation_message, .default_form .gform-body.gform_body .gfield .validation_message {
		left: 0 !important;
	}
	
	.bar1.progress_bar {
		top: 17%;
	}
	
	.bar2.progress_bar {
		top: 26%;
	}
	
	.ajaxp-01 .ajax_grid.proj-row {
		gap: 30px;
		padding-top: 30px;
	}
	
	.frcontact-01 .title_container .mtitle {
		font-size: 32px;
	}
	
	.page-id-2409 .footer-0 .flex_container {
		padding-top: 30px;
	}
	
}


@media only screen and (max-width : 800px) { 

}

@media only screen and (max-width : 767px) { 
  
	.banner-01 .wrap {
		height: 280px;
	}
	
}

@media only screen and (max-width : 600px) { 
	
	.element .title_container_v2 {
		flex-flow: column;
		align-items: flex-start;
		gap: 30px;
	}
	
	.title_left {
		gap: 20px;
	}
	
	.element .post_dinfo {
		max-width: initial;
	}
	
	.form-01 .gform {
		padding: 30px;
	}
	
	.form-01 .dinfo {
		padding: 30px;
	}
	
	.form-01 .gform .btn-3 {
		position: relative;
		bottom: 0px;
		left: 0px;
		margin-top: 30px;
	}

	.form-01 .gform {
		padding: 30px;
	}
	
	.sliderpost-01 .slider_post.slide-bg.is-grid {
		padding: 0px;
	}
	
	.frcontact-01 .gform.default_form .btn-4 {
		position: relative;
		bottom: 0px;
		left: 0px;
		margin-top: 30px;
	}
  
}

@media only screen and (max-width : 480px) { 
	
  	.element .default_form .gfield {
		flex-flow: column;
		gap: 10px;
		align-items: flex-start;
	}
	
	.element .default_form .ginput_container {
		width: 100%;
	}
	
}
  
/* #endregion */