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

#mercandede_text { width:715px;}
.create_t {width:715px;}
}

@media only screen and (min-width: 1250px) and (max-width: 1366px) {


.albumText { font-size:10px; }

.instagramplayer
{
transform:scale(0.90);
left:3%;
top:68%;
}

#topMenu img
{
width:95%;
}

#mainMenu{top:41.6%;}

#mainMenu img
{
width:100%;
}

.mainMenusub1{width:510px !important; margin:0px auto !important;}

.mainMenusub2{width:400px !important; margin:0px auto !important;}
.mainMenusub21{width:530px !important; margin:10px auto !important;}

.mainMenusub3{width:305px !important; margin:0px auto !important;}

.mainMenusub4{width:260px !important; margin:0px auto !important;}
.mainMenusub41{width:500px !important; margin:10px auto !important;}

.item2 { margin-left:15px !important; text-align:center; }

.create_t  {top:38%; width:715px}
.create_t canvas {width:715px; height:126px;}
#mercandede_text { width:715px !important; height:126px; }

.arrowNavUp{ margin-top:0px; transform:scale(0.95);}

h1.sub{font-size:50px; margin-top:30px;}

#container { width:95%;}

.content { margin-top:20px; width:100%;}

.contactForm {transform:scale(0.95); margin-top: -15px;}
.m1 {transform:scale(0.85); margin-left:-80px;}
.m2 {transform:scale(0.85); margin-left:-80px; width:1150px; }

}


@media only screen and (min-width: 1367px) and (max-width: 1440px) {




.instagramplayer
{
transform:scale(0.95);
left:5%;
top:65%;
}

.youtubemusicplayer
{
transform:scale(0.95);
left:81%;
top:60%;
}

#topMenu img
{
width:95%;
}

#mainMenu{top:41.6%;}

#mainMenu img
{
width:100%;
}

.mainMenusub1{width:561px !important; padding-left:15px; margin:0px auto !important;}
.mainMenusub12{width:450px !important; margin:10px auto !important;}

.mainMenusub2{width:412px !important; margin:0px auto !important;}
.mainMenusub21{width:530px !important; margin:10px auto !important;}

.mainMenusub3{width:340px !important; margin:0px auto !important;}

.mainMenusub4{width:279px !important; margin:0px auto !important;}
.mainMenusub41{width:538px !important; margin:10px auto !important;}

.item-native { margin-left:25px !important; text-align:center; }

.item2 { margin-left:25px !important; text-align:center; }

.create_t  {top:38%; width:730px}
.create_t canvas {width:730px; height:139px;}
#mercandede_text { width:730px !important; height:139px; }

.arrowNavUp{ margin-top:0px; transform:scale(0.95);}

h1.sub{font-size:50px; margin-top:30px;}

#container { width:95%;}

.content { margin-top:20px; width:100%;}

.contactForm {transform:scale(0.95); margin-top: -15px;}
.m1 {transform:scale(0.85); margin-left:-80px;}
.m2 {transform:scale(0.85); margin-left:-80px; width:1150px; }

}


/* ============ mobile view ============ */
@media only screen and (max-width: 991px) {
    #dunya_t {display: none;}

.mainDunya2 {
    width:100% !important;
    height: 100% !important;
    padding: 0;
}

.mobile-menu-bg { background:rgba(24, 36, 42, 0.51); border-right: 0.5px solid rgba(255, 255, 255, 0.2); }

.swipe-down {
    position:fixed;
    bottom:0;
    text-align: center;
    width:100%;
    margin:0px auto;
}
.swipe-down img {width:50px;}

.content-bio {width:95%; padding:20px;}
.content-nobg {width:80%; margin:0 !important;}
.portfolio {width:90% !important;}
.entry {width:100% !important; margin-left:0 !important;}
.nobg-fix {width: 100% !important;}
.nobg-fixheight {height: auto !important;}
h1.sub {font-size: calc(2.175rem + 1.5vw) !important; }
.interview {width:100%;}
.tourview {width:100%;}
.interview-title {width:60%;}

.tourview-date {width: 50%; text-align: center;}
.tourview-type {width: 50%; text-align: center;}
.tourview-title {width:100%; text-align: center; margin-top:15px; margin-bottom:15px;}
.tourview-lang {  width:100%; text-align: center; margin-bottom: 10px;}
.tourview-lang div { float: none !important;  display: inline;  margin-left: 10px;}

.projects-m {width: 100%;}
.project-hide div {width: 100% !important;}
.video-hover {width: 100%;}

.can-content-nobg {width: 100%; margin:0px auto; padding:10px;}
#albumMenu {width: 100%;}
nav.primary ul li { margin-top:25px;}

.albumPoster { float: none; width: 100%; text-align: center;}
.albumContent {float: none; width: 100%; margin-left:0px;}
#albums {width:100%;}
.grid-sizer, .entry2 {width: 100% !important; height: 100% !important;}
h2.album { text-align: center;}
.albumSongs {width: 100%; padding-left:15px; padding-right:15px;}
.song-title {width:80%}
.song-time {width: 20%; text-align: right;}
.song-buy {display:none;}

.visual-item { float:none; margin:0px auto; width: 225px;}
.gray { filter: none !important; /* Firefox 10+, Firefox on Android */
  filter: none !important; /* IE6-9 */
  -webkit-filter: none !important; /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
.visual-hover {opacity:1;}
#exhibitionscat {margin-bottom:45px;}


.nft {	background-image: url(https://www.mercandede.com/ezgif-5-f55a384aee.gif);
	background-size: cover;
	color: transparent;
	background-position:50% 50%;
	-moz-background-clip: text;
	-webkit-background-clip: text;
    color:rgba(255,255,255, 0.2) !important;
 }

 .arthouse {
    background: 50% 100%/50% 50% no-repeat radial-gradient(ellipse at bottom, #fff, transparent, transparent);
    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
    -webkit-animation: reveal 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;
            animation: reveal 3000ms ease-in-out forwards 200ms, glow 2500ms linear infinite 2000ms;
 }

 @-webkit-keyframes reveal {
    100% {
      background-size: 300% 300%;
    }
  }
  @keyframes reveal {
    100% {
      background-size: 300% 300%;
    }
  }
  @-webkit-keyframes glow {
    40% {
      text-shadow: 0 0 6px #fff;
    }
  }
  @keyframes glow {
    40% {
      text-shadow: 0 0 6px #fff;
    }
  }



body.offcanvas-active{
	overflow:hidden;
}

.offcanvas-header{ display:none; }

.screen-darken{
	height: 100%; width:0%;
	z-index: 30;
	position: fixed; top: 0; right: 0; 
	opacity:0; visibility:hidden;
	background-color: rgba(0, 0, 0, 0.9);
	transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;
}

.screen-darken.active{
	z-index:10; 
	transition:opacity .3s ease, width 0s;
	opacity:1;
	width:100%;
	visibility:visible;
}
}

@media all and (max-width: 991px) {
    .navbar-nav { font-family:DINNextLTPro-Medium; font-size:1.3em; width:90%;}
    .sub-menu {font-family:DINNextLTPro-Light; font-size:1.1em;}
    .active {color:white;}
    .dropdown-toggle::after {display: none;}
    .nav-drop1 {width:85%;}
    .nav-drop2 {width:15%; text-align: right;}
    .dropdownfix {display:flex; align-items:baseline; flex-wrap: wrap;}
    .dropdown-menu { background: transparent;      border: none;      color: white;}
    .dropdown-item {color:rgba(255,255,255,.55)}
   
.close-fix { color:#555; opacity:1; font-size:25px; filter: invert(33%) sepia(1%) saturate(0%) hue-rotate(71deg) brightness(97%) contrast(94%);}


	
	.offcanvas-header{ display:block; }

	.mobile-offcanvas{
		visibility: hidden;
		transform:translateX(-100%);
		border-radius:0; 
		display:block;
		position: fixed;  top: 0; left:0;
		height: 100%; width:80%;
		z-index: 1200; 
		overflow-y: scroll;
		overflow-x: hidden;
		transition: visibility .3s ease-in-out, transform .3s ease-in-out;
	}

	.mobile-offcanvas.show{
		visibility: visible; 	transform: translateX(0);
	}
	.mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
		display: block;
	}

}
	
/* ============ mobile view .end// ============ */