@media all and (max-width:1200px) {
  
  .main-menu {
	display:none;
	  }
	  
	  
	  .nav-toggle {
    display: block;
    padding: 12px 12px 10px;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 5%;
}
	  
	  
	  .nav-toggle { 
		display: block;
		padding: 12px 12px 10px; 
		border-radius: 3px;
		position: absolute;
		top: 50%;
		margin-top: -16px;
		right: 5%;
	}
	
	.nav-toggle .bars {
		height: 10px;
		width: 15px;
		float: right;
		position: relative;
		margin-top: -1px;
	}
	
	.nav-toggle .bar {
		width: 15px;
		height: 2px;
		background: #767676;
		border-radius: 2px;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.nav-toggle .bar:nth-child(2) { top: 4px; }
	.nav-toggle .bar:nth-child(3) { top: 8px; }
	
	.nav-toggle p {
		font-size: 13px;
		line-height: 10px;
		font-weight: 700;
		text-transform: uppercase;
		text-align: right;
		color: #767676;
		float: right;
		margin-right: 8px;
		position: relative;
		top: -1px;
	}
	
	.nav-toggle .close { display: none; }
	
	.nav-toggle:hover { cursor: pointer; }
	
	.nav-toggle.active { background: #019EBD; } 
	.nav-toggle.active p { color: #fff; } 
	
	.nav-toggle.active .bar { background: #fff; }
	
	.nav-toggle.active .bar:nth-child(1),
	.nav-toggle.active .bar:nth-child(3) { top: 4px; }
	
	.nav-toggle.active .bar:nth-child(2) { opacity: 0; }
	
	.nav-toggle.active .bar:nth-child(1) {
		transform: rotate(45deg); 
		-moz-transform: rotate(45deg);  
		-webkit-transform: rotate(45deg); 
	}
	
	.nav-toggle.active .bar:nth-child(3) { 
		transform: rotate(-45deg); 
		-moz-transform: rotate(-45deg);  
		-webkit-transform: rotate(-45deg); 
	}
	
	.nav-toggle.active .menu { display: none; }
	.nav-toggle.active .close { display: block; }
	
	  
	  
	  

html {
    margin-top: 0px !important;
}

.mobile-menu .current-menu-item:before, .mobile-menu .current_page_item:before {

display:none !important;

}

.nav-toggle .bars {
    height: 15px;
    width: 21px;
    float: right;
    position: relative;
    margin-top: -1px;
}

.nav-toggle .bar {
    width: 21px;
    height: 3px;
    background: #26221d;
    border-radius: 0px;
    position: absolute;
    left: 0;
    top: 0;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
}



.nav-toggle .bar:nth-child(2) {
    top: 5px;
}

.nav-toggle .bar:nth-child(3) {
    top: 10px;
}

.nav-toggle.hidden, .nav-toggle {

display:block !important;

top:25px;
right:10px;
z-index: 99999;
}
.nav-toggle.active .bar {
background: #26221d;
}

.nav-toggle.active {
    background: transparent;
    position: fixed;
}

.nav-toggle p {

display:none;
}


.mobile-menu li {
    margin-top: 20px;
    text-align: center;
}
 
.mobile-menu a {
    color: #26221d;
    text-transform: none;
    font-weight:normal;
font-size:17px;

padding-bottom:15px;
padding-top:15px;
display:block;

  
}

.mobile-menu a:hover {
    color: #26221d;

}

.mobile-menu > .current-menu-item > a, .mobile-menu > .current_page_item > a {
     color: #26221d;
     font-weight:600;
}

.mobile-menu {
    
  padding-top: 45px;
text-align:center;
}

.mobile-menu li {
    margin:auto;
    display:block;
     max-width:142px;
    border-bottom:1px solid #d6cfc5;
 
    margin-top: 0px;
    text-align: center;
    line-height:normal;

}

.sidebar {

border:0px;
background-color:transparent;
padding-top:54px;
position:relative;

}

.mobile-navigation {
    background: #fcfaf8;  
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    text-align: center;
}


#scontainer {
    position: relative;
    top: 22px;
    right: 0px;
    width: 187px;
    height: 31px;
    margin: auto;
}
#scontainer ul {
    text-align: center;
}

#scontainer li {
    display: inline-block;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
}


#scontainer li a#fbtn {
background-image:url(images/fltr_btn_mob.png);
background-size:100% 100% !important;

}

#scontainer li a#ebtn {
background-image:url(images/email-mob.png);

}

#scontainer li a#ibtn {
background-image:url(images/instagram-mob.png);

}

#front-container {
 
width: 80%;
height:235px;
margin-left:-40%;
margin-top:-112px;

}

#front-inner-content {   
    padding-top: 40px;
}

#f-logo {

width:196px;
height:62px;
background-size:100% auto;
background-image:url(images/mobile-logo.png) !important;

}

#f-logo img {
display:none;
}

#menu-front-navigation {
    padding-top: 29px;
}

.blog-logo {
width:194px;
height:61px;
background-size:100% auto;
background-image:url(images/mobile-logo.png) !important;
padding:0px;
margin:auto;
background-repeat:no-repeat;

}

.blog-logo img {

display:none;

}


/*** WORK PAGE PORTFOLIO ****
****************************/
 


.st_sf_vc_port_mask {

display:none;

}

.st_sf_vc_potrfolio > .moblink {

position:absolute;
width:100%;
height:100%;
display:block !important;
z-index:9999;
top:0px;
left:0px;
}

#contact-box {

width:100%;
z-index:9999999;

}

#inner-contact {
    position: relative;
    padding-left: 22px;

}

#sendbtn input {

    
    margin: auto;
    margin-bottom: 0px;
    margin-top: 15px;
    display: block;

}

.st_sf_lmc_holder {

text-align:center;

}

.st_sf_r_t_w_s .st_sf_strange_portfolio_item {

width:100% !important;

}

.potfolio_container_holder {
   
    margin: auto;
    width: 90%;
 margin-bottom: 30px;
}

#filter-box {

width:100%;
z-index: 9999999;
height:auto;
position:absolute;

}

#inner-filter {

padding-left:22px;

}

#filter-btn {

margin:auto;

}

/** SINGLE PORTFOLIO PAGE ***
*****************************/

.heart-this-wrap .heart-this::before {
    width: 40px;
    background-image: url(images/heartmob-inactive.png);
    background-size: 25px auto;
    background-position: center center;
}

.heart-this-wrap .heart-this.active::before, .heart-this-wrap .heart-this:focus::before, .heart-this-wrap .heart-this:hover::before, .heart-this-wrap .heart-this.is-animation::before {
background-position:center center;
background-image: url(images/heartmob-active.png);
background-size: 25px auto;
}

#controllers #nextpage a {
    background-image: url(images/arrowrightmob.png);
    background-size: auto 25px;
}

#controllers #backall a {
    background-image: url(images/backallmob.png);
    background-size: auto 21px;
}

#controllers #prepage a {
    background-image: url(images/arrowleftmob.png);
    background-size: auto 25px;
}

#sharebar li a.facebook {
    background-image: url(images/facebookmob.png);
}

#sharebar li a.twitter {
    background-image: url(images/twittermob.png);
}

#sharebar li a.pinterest {
    background-image: url(images/pinterestmob.png);
}

#sharebar li a.email {
    background-image: url(images/emailmobi.png);
}

#long-desc p {
    font-size: 19px;
    line-height: 26px;
    padding-left: 10px;
}

#long-desc { padding: 30px 0; }

#sharebar span {
    display: block;
    padding-bottom: 5px;
    font-size: 15px;
}

#contact-gallery {
    color: #26221d;
    padding-bottom: 8px;
    padding-top: 15px;
    display: block;
    font-size: 19px;
}

#art-details > div {

 font-size: 19px;
}

#single-featured-image {
    float: none;
    width: 100%;
    padding-top: 22px;
    padding-bottom: 22px;
    padding: 32px;
    background: #fcfaf8;
    text-align: center;
    border-bottom: 0px solid #d6cfc5;
    box-sizing: border-box;
}

.magnify > img {
    max-width: 750px;
    width: 100%;
}

.magnify-mobile {

display:none !important;

}

#art-info {
    float: none;
    width: 100%;
    padding-top: 30px;
    margin: auto;
    max-width: 300px;
}

#art-details {
    float: none;
    width: 100%;
    margin-top: -24px;
}

#art-details > div#art-title {
  
    font-size: 22px;
    font-weight: normal;
    font-family: 'Playfair Display', serif;
    width: 100%;
    padding-left: 43px;
 
}

#navigation {
    width: 100%;
    float: none;
    margin: auto;
    max-width: 300px;
   position:relative;
margin-bottom:15px;
}

#controllers > div {

width:40px;
height:30px;
position:absolute;

}

#nextpage {

top:0px;
right:0px;

}

#backall {

top:0px;
left:50%;
margin-left:-20px;
}

#prepage {
top:0px;
left:0px;
}

.heart-this-wrap {
  
    position: relative;
    top: 55px;
}


/** PRESS PAGE ******
********************/

.post.single .post-inner {
    padding-top: 0px;
}

.press-content {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 80px;
}

.press-content a {

width:100%;
max-width:270px;
    margin-bottom: 15px;

min-height: 305px;
    
    padding-bottom: 88px;

}

.pimage img {
    width: 179px;
    height: auto;
}

.press-content a:before {
width:100%;
}

h1.ptitle { font-size: 24px; max-width: 225px; }


/**** ABOUT PAGE *****
**********************/

#about-slider {
    padding-bottom: 0px;
    margin-bottom: 50px;
    background: white;
    padding-top: 00px;
}

.page-template-template-about .content, .page-template-template-about .content.thin {

max-width:100%;


}

.page-template-template-about .post-content p {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 19px;
    width: 85%;
    max-width: 830px;
    line-height: 34px;
    margin: auto;
    padding-bottom: 20px;
}


/*** CV PAGE *** 
**************/

#cv-content > div {
    float: none;
    width: 100%;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 7px;
    min-height: 115px;
    max-width: 295px;
    box-sizing: border-box;
    margin: auto;
}

.page-template-template-cv .content > div {
    background-repeat: no-repeat;
    background-position: center top;
}


/* SLIDESHOW VIDEO **/

.hermes .tp-bullet {

width:26px;
height:26px;

}


.fullscreenvideo .fullscreenvideo audio, .fullscreenvideo .fullscreenvideo video {

/** background:transparent !important; **/

}

.front-content {
background-size: cover;
}


.html5vid video {
  
	left:0% !important;
	width:100% !important;
	 position:absolute !important;
	
  }

   .tp-bullets {
  
		/*transform: matrix(1, 0, 0, 1, -23, 18) !important;
		-moz-transform: matrix(1, 0, 0, 1, -23,18) !important;
		-webkit-transform: matrix(1, 0, 0, 1, -23, 18) !important;*/
	
	
  }  
	  
	  .hephaistos .tp-bullet {
  
			  box-shadow:none !important;
			  	  -moz-box-shadow:none !important;
			  	  -webkit-box-shadow:none !important;
			  
			}


      .tp-videoposter {
  
	  top:50% !important;
	  transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	   -webkit-transform:translateY(-50%);
	height:59% !important;
	  
	}


  .floating  {	
  position:fixed !important;
  left:50% !important;
  top:50% !important;
  z-index:999999 !important;
  transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -webkit-transform:translate(-50%,-50%);
 
  
  }

#load_more_port_masorny_posts i {
  
 font-size:45px; 
}



}