@media (max-width: 575.98px) {
	.fluid-container{width:100%;}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.fluid-container{width:100%;}
}

@media (min-width: 0px) and (max-width: 767.98px) {
	html{font-size: calc(16 * 100vw / 600); width: 100vw; overflow-x: hidden;}
	body {
		width: 100%;
		overflow-x: hidden;
	}
	.fluid-container{padding: 0;}
	.fluid-container.management{padding: 0 0.9375rem;}
	.fluid-container.projectDetail{padding-left: 25px; padding-top: 1rem;}
	body.smactive{padding-top: 5.625rem;}
	body.smactive.pDetailController{padding-top: 9.35rem;}
	#startUp > div.bg{top: 0;bottom: auto;left: 0; right: 0; height: 50%; width: 100%;}
	#startUp > div.bg.ilio{top: 50%;}
	.loader, .lmLoader{top: calc(50% - 3.5em);}
	#startUp > div.curtain.left{left: 0;right: 0;top: 0;bottom: 50%;}
	#startUp > div.curtain.left.out{transform: translate(0,-100%);}
	#startUp > div.curtain.right{left: 0;right: 0;top: 50%;bottom: 0;}
	#startUp > div.curtain.right.out{transform: translate(0,100%);}
	body.pg_demirden #navIlioMobile{display: none;}
	body.pg_ilio #navDemirdenMobile{display: none;}
	body.pg_ilio header{background-color: #00A5E5;}
	nav a, nav span{font-size: 2rem;}
	#lmContainer.mainLive{padding: 0;}
	.live .card.col-md-6, .live .card.col-md-9{height:33.75rem;}
	.live .col-md-6 img, .live .col-md-9 img{height: 33.75rem;}
	.card-group .card{margin: 0;}
	.liveMobileTitle,
	.works .col a.liveMobileTitle {	
	    position: absolute;
	    left: 0;
	    right: 0;
	    background: rgba(0,0,0,.6);
	    bottom: 0;
	    height: 3.75rem;
	    line-height: 3.75rem !important;
	    color: #FFF !important;
	    padding: 0 25px;
	    font-size: 1.75rem;
	}
	body.pg_ilio .liveMobileTitle,
	body.pg_ilio .works .col a.liveMobileTitle{
		background-color: rgba(0, 165, 229, 0.8);
	}
	
	.index-container {
		margin-top: 0;
		padding-top: 0;
	}
	nav .language {
		position: relative;
	}
	
	.loader, .lmLoader{left: calc(50% - 3.5em);}
	
	.awards ul li div,
	.clients ul li div{border-top: 1px solid rgba(139, 141, 143, 0.5); margin: 0;}
	.awards ul li:first-child div,
	.clients ul li:first-child div{border: none;}
	.awards ul li div img,
	.clients ul li div img,
	.press ul li div img{width: auto; height: 100%;}
	
	.col-12.text-content{padding: 5.8rem 25px 3rem;}
	
	#subMenu{transform: translateY(0rem) !important; opacity: 0 !important;}
	body.pDetailController #subMenu{transform: translateY(5.625rem) !important;opacity: 1 !important;}
	
	#subMenu .social{padding-left: 25px;}
	#subMenu .social a{transform: translateY(1.5px);}
	#subMenu .social a:nth-child(2),
	#subMenu .social a:nth-child(3){display: none;}
	#subMenu .next{text-align: right; padding-right: 50px;}
	#subMenu .next a::after {right: -25px;}
	
	#subMenu #smDmrAbout{display: none !important;}
	
	.awards>.row,
	.clients>.row,
	.press>.row{margin: 0;}
	.awards>.row>.col-12,
	.clients>.row>.col-12,
	.press>.row>.col-12{padding: 0 25px; width: 100%;}
	.awards>.row>.col-12>.row,
	.clients>.row>.col-12>.row,
	.press>.row>.col-12>.row{margin: 0;}
	.awards>.row>.col-12>.row>.col-12,
	.clients>.row>.col-12>.row>.col-12,
	.press>.row>.col-12>.row>.col-12{padding: 0;}
	
	.management .ul .li div{height: 16.5rem;}
	.management .ul .li p{font-size: 1.4rem;}
	
	.menuHeader.open ul.menu li.menu-item.sitelink{border: none;}
	.menuHeader.open ul.menu li.menu-item.sitelink a span{font-size: 1.7rem;}
	.menuHeader ul.menu li.menu-item .dropdown-menu a.active,
	.menuHeader ul.menu li.menu-item .dropdown-menu a:active{background-color: transparent;}
	
	.template{margin-bottom: 0;}
	.template img{height: auto; padding: 0 0 10px 0;}
	.template h2{margin: 3.75rem 0; padding: 0 25px;}
	.template h3{margin: 3.75rem 0; padding: 0 25px;}
	.template p{margin: 3.75rem 0; padding: 0 25px;}
	/*.template1{margin: 0 auto 5px;}
	.template1, .template1 img{height: auto; padding: 0;}*/
	.template1{display: none;}
	
	.works #lmContainer .col{padding: 0; width: 100%; margin: 0;}
	.menuHeader ul.menu li.menu-item.sitelink a{background-color: #00A5E5;border: none;padding: 10px;}
	.menuHeader ul.menu li.menu-item.sitelink a img{height: 2rem;margin-right: 10px;}
	#navDemirdenMobile .menuHeader ul.menu li.menu-item.sitelink a img{height: 2.5rem;}
	#navIlioMobile .menuHeader ul.menu li.menu-item.sitelink a{background-color: #8a8c8e;}
	
	body.pg_ilio header#mobileMenu .navbar-brand img{height: 2.5rem;}
}


@media (min-width: 768px) and (max-width: 1280px) {
	html{font-size: calc(16 * 100vw / 1600);}
	.fluid-container{width: 100%;}
	
	a.underline:hover::after, a.active.underline::after {transform: translateY(-5px);}
	
	nav ul.mainNav li.mainMenu a{margin-right: 3rem;}
	/*nav a, nav span{font-size: 1.2rem;}*/
	body.tr #smDmrWorks a.mlc {margin-left: 10.5rem;}
	body.tr #smDmrWorks a.mrc {margin-right: 3.55rem;}
	body.tr #smDmrAbout a.mrc {margin-right: 7rem;}
	body.en #smDmrWorks a.mlc {margin-left: 6.80rem;}
	body.en #smDmrWorks a.mrc {margin-right: 4.2rem;}
	body.en #smDmrAbout a.mrc {margin-right: 3.25rem;}

	.live h2 {font-size: 2.25rem;line-height: 3.25rem;}

	#subMenu .next a::after {background-size: 0.75rem 1.5rem;right: 0.8rem;}

	.management .ul .li div{height: auto;}
	.management .ul .li p{font-size: 1.3rem;}
	body.pg_ilio #navIlio .altSite img{margin-right: 0.5rem;}
	body.pg_ilio #navIlio .altSite a span{font-size: 1rem;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.fluid-container{width:100%;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.fluid-container{width:100%;}
}

@media (min-width: 1200px) and (max-width: 2039.98px) {
	
}

@media (min-width: 2040px){
	html{font-size: 16px;}
	
	.live .card.col-6{height:calc(2040px / 2 / 1.307); asheight: 780px;}
	/*.live .date{
		font-size: 23px;
		line-height: 23px;
		height: 30px;
		margin-bottom: 90px;
	}
	.live h2{
		font-size: 50px;
		font-weight: bold;
		line-height: 50px;
		height: 60px;
		margin-bottom: 30px;
	}
	.live p{
		font-size: 28px;
		line-height: 40.5px;
		padding-top: 2px;
	}*/
}