/* @override 
https://cusack.rangestudio.com/important/themes/solbotanica-child/style.css?ver=4.8.1
	https://theargyle.janefender.com/important/themes/solbotanica-child/style.css?ver=4.9.1
	https://theargyleinn.com.au/important/themes/solbotanica-child/style.css
	https://theargyleinn.com.au/important/cache/busting/1/important/themes/solbotanica-child/style-a69bc7027930dbbd6a2dfa393b7d08d9.css
	https://theargyleinn.com.au/important/themes/solbotanica-child/style.css?* */

/*
Theme Name: solbotanica child
Template: solbotanica
Author:   NetProphets
Description: Child Theme
*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Vollkorn:400,400i,600,600i,700,700i,900,900i');
@import url("../solbotanica/style.css");

/*
#
### Site Specific Fonts Declarations ###
#
*/
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
}
body {
  background: #faf9f9;
  color: #010100;
  font-weight: normal;
  -webkit-overflow-scrolling: touch;
  font-size: 14px;
  line-height: 1.4;
  font-family: "Roboto",sans-serif;
}
::selection {
  background-color: #ccc;
}
::-moz-selection {
  background-color: #ccc;
}
::-webkit-selection {
  background-color: #ccc;
}
ul {
  list-style: none;
}
ul li a {
  text-decoration: none;
}
ul li a:hover {
  text-decoration: none;
}
ul.floated-list {
  margin-bottom: 0;
}
ul.floated-list > li {
  float: left;
  display: block;
}
ul.floated-list > li a {
  display: block;
}
ul.list-style-circle {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 15px;
}
ul.list-style-circle li {
  margin: 5px 0;
}
.transparent {
  background-color: transparent;
}
a,
a:focus,
a:hover,
a:visited {
  color: inherit;
  text-decoration: none;
}
a {
  -webkit-transition: all 0.35s ease-out;
  -o-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out;
}
a:hover {
  color: #010100;
}
img {
  border: 0;
  max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
}
h1,
h2,
h3{
  margin: 20px 0;
}
h4,
h5,
h6{
  margin: 10px 0;
}
h1 {
  font-size: 26px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
  color: #010100;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  color: inherit;
}
p{
  margin: 0 0 10px;
}
label {
  font-weight: normal;
}
.clear {
  clear: both;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.div-center {
  display: table;
  margin: 0 auto;
}
.mytable {
  display: table;
  width: 100%;
  height: 100%;
}
.fixed-table-layout {
  table-layout: fixed;
}
.table-cell {
  display: table-cell;
}
.va-middle {
  vertical-align: middle;
}
.va-top {
  vertical-align: top;
}
.va-bottom {
  vertical-align: bottom;
}
.va-sub {
  vertical-align: sub;
}
.static {
  position: static;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.cover {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.vspace5px {
  height: 5px;
}
.vspace10px {
  height: 10px;
}
.vspace15px {
  height: 15px;
}
.vspace20px {
  height: 20px;
}
.vspace25px {
  height: 25px;
}
.vspace30px {
  height: 30px;
}
.vspace35px {
  height: 35px;
}
.vspace40px {
  height: 40px;
}
.vspace45px {
  height: 45px;
}
.vspace50px {
  height: 50px;
}
.vspace5px:before,
.vspace5px:after,
.vspace10px:before,
.vspace10px:after,
.vspace15px:before,
.vspace15px:after,
.vspace20px:before,
.vspace20px:after,
.vspace25px:before,
.vspace25px:after,
.vspace30px:before,
.vspace30px:after,
.vspace35px:before,
.vspace35px:after,
.vspace40px:before,
.vspace40px:after,
.vspace45px:before,
.vspace45px:after,
.vspace50px:before,
.vspace50px:after {
  display: table;
  content: "";
}
.vspace5px:after,
.vspace10px:after,
.vspace15px:after,
.vspace20px:after,
.vspace25px:after,
.vspace30px:after,
.vspace35px:after,
.vspace40px:after,
.vspace45px:after,
.vspace50px:after {
  clear: both;
}
.fill {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-20 {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-20 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-20 {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-20 {
    width: 20%;
    float: left;
  }
}
.form-control {
  border-radius: 0;
  box-shadow: none;
  font-size: 12px;
  color: #fff !important;
  border-color: #bfbfbf;
}
.form-control[type="button"],
.form-control[type="submit"],
.form-control[type="reset"] {
  -webkit-appearance: none;
  cursor: pointer;
}
.form-control::-moz-placeholder {
  color: #fff ;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #fff;
}
.form-control::-webkit-input-placeholder {
  color: #fff;
}
.form-control:focus {
  box-shadow: none;
  border: 1px solid #000;
}
.fullHeight{
  height: 100%;
}
.header {
  background-color: transparent;
  width: 100%;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 15px;
  padding-bottom: 15px;

  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;

}
.header .logo img{
  max-width: 140px;
}
.page:not(.home) .header{
	background-color: rgba(255,255,255,1);
}

.page:not(.home) .mynav{
  display: block;
}
.header .logo-black{
	display: none;
}

.header .toggle-black{
  display: none;
}
.page:not(.home) .logo-black,
.tax-exhibitions .logo-black,
.page:not(.home) .toggle-black,
.tax-exhibitions .toggle-black{
	display: block;
}
.page:not(.home) .logo-white,
.tax-exhibitions .logo-white,
.page:not(.home) .toggle-white,
.tax-exhibitions .toggle-white{
	display: none;
}

.header .mynav > ul{
  margin-right: -25px;
  float: right;
}
.header .mynav > ul li {
  position: relative;
  padding-right: 25px;
}
.home .header .mynav > ul li a{
	color: #fff;
}
.header .mynav > ul li a {
  color: #73706b;
  position: relative;
  text-transform: lowercase;
  font-size: 16px;

  -webkit-transition: color 0.5s ease-out time;
  -o-transition: color 0.5s ease-out time;
  transition: color 0.5s ease-out time;
  text-transform: uppercase;
}
.home .header .mynav > ul li:hover a,
.home .header .mynav > ul li:hover a{color: rgba(255, 255, 255, .75);
}
.header .mynav > ul li.current-menu-item a,
.header .mynav > ul li.current-page-ancestor a,
.header .mynav > ul li:hover a,
.header .mynav > ul li:hover a{
  color: #010100;
}

.submenu_class{
  padding: 0 0 15px;
}
.submenu_class ul{
  margin: 0 -25px;
  padding-left: 0 !important;
}
.submenu_class ul li{
  padding: 0 25px;
  float: left;
  display: block;
}
.submenu_class ul li a{
  color: #000;
  padding: 5px 0 2px;
  position: relative;
  border-bottom: 1px solid transparent;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;

  -webkit-transition: all 0.5s second ease-out;
  -o-transition: all 0.5s second ease-out;
  transition: all 0.5s second ease-out;
}

.submenu_class ul li.current-menu-item a,
.submenu_class ul li:hover a{
  color: #010100;
  border-bottom: 1px solid #73706b;
}
.submenu_class ul li.last{
  float: right;
  border-radius: 2px;
}
.submenu_class ul li.last a{
  background-color: rgb(103,163,8);
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
}
.submenu_class ul li.last a:hover{
  opacity: 0.7;
}

/*# sourceMappingURL=style.css.map */

/* ===========================================
   Page content styling
   =========================================== */
   .nav-cell .mynav,
   .content-main{
    padding-left: 25px;
    padding-right: 25px;
  }

  .header .logo{
    padding-left: 25px;
  }
  .page-content {
    /* margin-left: 50vw; */
    padding-top: 170px;
    padding-bottom: 50px;
    background-color: rgba(226,221,210,0.9);
    min-height: 100vh;
    padding-left: 0;
    padding-right: 0;

    -webkit-transition: 1s opacity ease-out;
    transition: 1s opacity ease-out;
  }


  .page-content ul{
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 16px;
  }
/* ===========================================
   SmoothState styling
   =========================================== */
   .nav-cell .mynav,
   .content-main{
    max-width: 90%;
  }
  .header .logo{
    margin-left: 10%;
  }
  .m-scene .scene-main .content-main{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .m-scene .scene-main--fadein .content-main{
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }
  .m-scene.is-exiting .scene-main .content-main{
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
  }
  .m-scene .scene-nav {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }
  .m-scene.is-exiting .scene-nav {
    -webkit-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse;
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes width {
    0% {
      width: 50vw;
    }
    100% {
      width: 100vw;
    }
  }
  @keyframes width {
    0% {
      width: 50vw;
    }
    100% {
      width: 100vw;
    }
  }

  /* 
  *   Page Specific Css 
  */
  
  .body-full-bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  /* Home Page */
  .caption{max-width: 800px; margin:0 auto; padding:0 15px;}
  .caption h2,.caption p{color: #fff;}
  .caption h2{font-size: 18px; margin-top: 50px;}

  
  .home-slider{}
  .home-slider .item{
    height: 100vh;
  }
  .home-slider .hs-logo{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    text-align: center;
    
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }

  .hs-logo h2{
    text-align: center;
    color:#fff;
    font-family: 'Vollkorn', serif;
    font-size: 36px;
    font-style: italic;
    margin: 50px 0;
  }
 
 
@media (max-width: 1280px){
.header .mynav > ul li {
		padding-right: 11px!important;
	}
	
.header .mynav > ul li a {
		font-size: 14px!important;
	}
	
}
    
@media (max-width: 989px){
.page-template-default .body-full-bg {
display: none;
  	 }
  	 
.page-template-default .page-content {
  		padding-top: 10em!important;
  	}
  .submenu_class {
  		padding-left: 0!important;margin: 0 -10px;
  	}
  	
}

  @media (max-height: 799px){
    .hs-logo img{
      max-width: 310px;
    }
    .hs-logo h2{
      margin:25px 0 35px;
      font-size: 27px;
    }
  
  }
  @media (max-width: 767px){
  	.page-template-default  .body-full-bg {
display: none;
  	 }
  	.page-template-default .page-content {
  		padding-top: 11em!important;
  	}
  	  	.submenu_class {
  	  			padding-left: 0!important;margin: 0 ;
  	  		}
  	.hs-logo img{
      max-width: 190px;
    }
    .hs-logo h2{
      font-size: 24px;
    }
	.promo p {
	   font-size: 1.25rem!important;
	   }
  }

  /* Bootstrap Fading Carousel */
  .carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
  }
  .carousel-fade .carousel-inner .item,
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
    opacity: 0;
  }
  .carousel-fade .carousel-inner .active,
  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
  }
  .carousel-fade .carousel-inner .next,
  .carousel-fade .carousel-inner .prev,
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-control {
    z-index: 2;
  }


  /* Work Page */
  .page-template-work .header,
  .tax-exhibitions .header{
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.15);
    position: fixed;
    width: 100%;
  }
  .page-full-width{
    padding-top: 120px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 40px;
  }
  .listings{
    padding: 20px 0 0;
  }
  .work-title{
  	padding-left: 15px;font-size: 1.7rem;text-transform: uppercase;letter-spacing: 0.1em;
  }
  .listings.three-column.small-column-gap .row{
    margin: 0 ;
  }
  .listings.three-column.small-column-gap .row .work-e-col{
    margin-bottom: 30px;
  }

  .work-title{
    margin-bottom: 25px;
  }
  .work-list{
    position: relative;
    display: block;
    box-shadow: none;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  .work-list:hover{
    box-shadow: -1px 3px 13px 1px rgba(0,0,0,0.24);
  }
  .work-list:after{
    position: absolute;
    content: '';
    background-color: transparent;    
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
  }
  .work-list:hover:after{
    background-color: rgba(255,255,255,0.63);
  }  
  .work-list .wl-text{
    position: absolute;
    z-index: 2;
    color: #73706b;
    visibility: hidden;
    opacity: 0;
  }

  .work-main .work-list .wl-text{
    top: 50%;
    left: 50%;
    font-size: 28px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

    -webkit-transition: all 0.75s ease-out;
    -o-transition: all 0.75s ease-out;
    transition: all 0.75s ease-out;
  }

  .work-main .work-list .wl-text:after{
    position: absolute;
    content: "";
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    width: 15px;
    height: 1px;
    background-color: #73706b;
  }

  .work-list:hover .wl-text{
    opacity: 1;
    visibility: visible;
  }

  .work-single .work-list .wl-text{
    padding: 12px;
    bottom: 0;
    left: 0;
  }


  .magnific-popup:hover,
  .magnific-popup:focus{
    outline: 0 !important;
  }

  /* overlay at start */
  .mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  /* overlay animate in */
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 1;
  }
  /* overlay animate out */
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
  }

  /* content at start */
  .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  /* content animate it */
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
  }
  /* content animate out */
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
  }


  /* Templatings */
  .pagetitle{
    color: #010100;
    margin-bottom: 30px;
    margin-top: 0;
  }
  .content-row{
    margin-top: 30px;
  }

  .content-row:before,
  .content-row:after{
    display: table;
    content: '';
  }
  .content-row:after{
    clear: both;
  }

  .content-row h2,
  .menus h2{
    font-size: 16px;
    color: #010100;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .content-row h3,
  .menus h3{
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
  }  

  .content-row p a {
    color: #73706b;
  }

  .book-online{
    background-color: #010100 !important;
    margin-top: 10px;
    margin-bottom: 15px;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 30px;
  }
  .book-online:hover{
    background-color: #010100 !important;
    opacity: 0.7;
  }

  .menus {
    padding-top: 20px;
    border-top: 1px solid #010100;
    margin-top: 10px;
  }  

 p{
    font-family: 'Vollkorn', serif;
  }
 .promo {
  	position: absolute!important;bottom: 7rem!important;width: 100%;height: 50px;z-index: 999!important;
  }
.promo p {
   	line-height: 1.1em;font-size: 1.5rem;
   }
.promo a{
	color: #fff!important;font-family: "Roboto",sans-serif!important;
}
  .two-col-text h1,
  .two-col-text h2,
  .two-col-text h3,
  .two-col-text h4,
  .two-col-text h5,
  .two-col-text h6{
    margin-top: 0;
  }

  .content-main h1{
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
    font-weight: 700;
  }

  /* Contact Page Css */
  .page-template-contact .gform_wrapper{
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .page-template-contact .gform_wrapper h3.gform_title{
    color: #fff;
    margin-left: 16px;
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: normal;
    letter-spacing: 1px !important;
  }
  .page-template-contact .gfield_label{
    display: none !important;
  }

  .page-template-contact input[type="text"],
  .page-template-contact textarea{
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #fff !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    color: #fff !important;
    font-size: 20px !important;
    letter-spacing: 0.5px !important;
  }

  .page-template-contact .gform_wrapper .top_label li.gfield {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
  }


  .page-template-contact input::-moz-placeholder,
  .page-template-contact textarea::-moz-placeholder {
    color: #fff;
    opacity: 1;
  }
  .page-template-contact input:-ms-input-placeholder,
  .page-template-contact textarea:-ms-input-placeholder {
    color: #fff;
  }
  .page-template-contact input::-webkit-input-placeholder,
  .page-template-contact textarea::-webkit-input-placeholder {
    color: #fff;
  }
  .page-template-contact .gform_wrapper .gform_footer{
    padding: 16px 16px 0;
  }
  .page-template-contact .gform_wrapper .gform_footer input[type=submit]{
    margin: 0;
    background-color: #777;
    font-weight: normal;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 0.5px;

    -webkit-transition: opacity 0.35s ease-out;
    -o-transition: opacity 0.35s ease-out;
    transition: opacity 0.35s ease-out;
  }
  .page-template-contact .gform_wrapper .gform_footer input[type=submit]:hover{
    opacity: 0.7;
  }

  @media (max-width: 767px){
    .page-template-contact .gform_wrapper{
      max-width: 100%;
    }
    .page-template-contact .gform_wrapper h3.gform_title{
      display: none;
    }
    .page-template-contact input[type="text"],
    .page-template-contact textarea{
      font-size: 15px !important;
    }    
    .page-template-contact textarea{
      height: 110px !important;
    }
    .page-template-contact .gform_wrapper .gform_footer input[type=submit]{
      font-size: 15px;
      padding-top: 7px;
      padding-bottom: 7px;
    }
  }

  /* contact Form Css ends */
  @media all and (min-width: 1400px){
    .content-main,
    .nav-cell .mynav{
      padding-left: 50px;
      padding-right: 50px;
    }
    .header .logo{
      padding-left: 50px;
    }
  } 
  
  @media only screen and (min-width: 992px) {
    .offcanvas {
      display: none !important; 
    } 
    .body-inactive {
      display: none !important; 
    }
    a.toggle{
      display: none;
    }
    .content-main p{
    	font-size: 1.6rem;
    }
    .caption{max-width: 1160px; margin:0 auto; padding:0 25px;}
    .caption h2{font-size: 30px;}
    .caption p {
    	font-size: 20px;
    }
  }

  @media only screen and (max-width: 992px) {
.two-col-text img,.singleimage img{
  		padding-bottom: 2rem;
  	}
  	.singleimage,.two-col-text{
  	  		padding:  0 0;margin-top: 0!important;
  	  	}
  	
  	.navigate-inner-page{
      bottom: 15px;
      top: auto;
      right: auto;
      left: 50%;

      -webkit-transform: translate(-50%,0);
      -ms-transform: translate(-50%,0);
      -o-transform: translate(-50%,0);
      transform: translate(-50%,0);
    }
    .page:not(.home) .mynav{
      display: none;
    }
    .page-full-width{
      padding-top: 85px;
      padding-right: 0!important;
      padding-left: 0!important;
    }
    
    .mfp-arrow{
      height: 28px;
      width: 36px;
      -webkit-background-size: 36px 28px;
      background-size: 36px 28px;
    }
    .mfp-arrow-left{
      left: 15px;
    }
    .mfp-arrow-right{
      right: 15px;
    }
    .mfp-close{
      height: 30px;
      width: 29px;
      -webkit-background-size: 29px 30px;
      background-size: 29px 30px;
      right: 15px !important;
    }
/*     .header .logo img{
      max-width: 210px;
      } */
      ul.floated-list > li a{
       font-size: 2.5rem;
     }
     .header .mynav {
      display: none; 
    }
    .body-full-bg,
    .content-main,
    .nav-cell .mynav{
      width: 100vw;
      max-width: 100%;
    }
    .nav-cell .mynav,
    .content-main{
      padding-left: 15px;
      padding-right: 15px;
    }
    .header .logo{
      padding-left: 15px;
      margin-left: 0;
    }
    .page-content{
      margin-left: 0;
      padding-top: 25px;
      padding-bottom: 25px;
    }
    .submenu_class ul{
      margin: 0 -15px;
      padding-left: 0;
    }
    .body-full-bg:not(.bfb-home){
      height: 60vh;
      position: relative;
    }

    /* Mobile Navigation */

    .offcanvas {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      -webkit-transform: translate(100%, 0);
      -ms-transform: translate(100%, 0);
      -o-transform: translate(100%, 0);
      transform: translate(100%, 0);
      -webkit-transition: all 0.35s ease-out;
      -o-transition: all 0.35s ease-out;
      transition: all 0.35s ease-out;
      background: #fff;
      width: 360px;
      z-index: 999;
      padding: 70px 0 0; 
    }
    .offcanvas ul {
      margin: 0 0 15px;
      display: block; 
    }
    .offcanvas ul li {
      float: none; 
    }
    .offcanvas ul li a {
      color: #333;
      font-size: 14px;
      display: block;
      padding: 10px 15px;
      text-transform: uppercase; 
    }
    .offcanvas ul li a:hover, .offcanvas ul li a:focus {
      background: #333;
      color: #fff; 
    }
    .offcanvas ul li ul {
      margin: 0 15px 0;
      display: none; 
    }
    .offcanvas .coff {
      top: 0;
      left: 0; 
    }
    .offcanvas .coff a {
      padding: 15px;
      display: block; 
    }
    .home a.toggle{
      background-color: transparent;
    }
    a.toggle{
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 80px;
    }
    a.toggle > img{
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
      -o-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
    }
    .body-inactive {
      z-index: 99;
      background-color: rgba(0, 0, 0, 0.54);
      display: none; 
    }
    .offcanvas.show-offcanvas {
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0); 
    }

  }
  @media all and (max-width: 767px){

    a.toggle{
      width: 50px;
    }
    a.toggle > img{
      width: 21px;
    }
    .offcanvas{
      width: 100%;
    }
    .iosScreen{
      position: absolute;
      bottom: 0;
      height: auto;
    }
    .pagetitle{
      margin-bottom: 0;
    }
    .submenu_class{
      padding-bottom: 0;
    }
    .content-row{
      margin-top: 25px;
    }
    .submenu_class ul li{
      padding: 5px 15px;
    }
    .submenu_class ul li.last{
      float: left;
      display: inline-block;
      margin: 15px 0;
      clear: left;
    }
    .submenu_class ul li.last:before,
    .submenu_class ul li.last:after{
      display: table;
      content: "";
    }
    .submenu_class ul li.last:after{
      clear: both;
    }
    .listings.three-column.small-column-gap .row .work-e-col{
      margin-bottom: 15px;
    }
  }


  /* CSS and Medias for instagram layout only */
  .each-insta-row{
    padding: 0 15px;
    width: 100%;
    float: left;
  }
  .each-insta-row .featuredworkimg{
    margin-bottom: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
    background-position: center center;
  }
  .each-insta-row > a{
    display: block;
    -webkit-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
  }
  .each-insta-row > a:hover{
    opacity: 0.7;
  }

  .work-main .work-list,
  .work-single .work-list{
    height: 210px;
    background-size: cover;
    background-position: center;
  }


  @media all and (min-width: 480px){
    .each-insta-row{
      width: 50%;
    }
    .instagram-row .each-insta-row:nth-child(2n+1){
      clear: left;
    }
    .each-insta-row .featuredworkimg{
      margin-bottom: 30px;
    }
  }

  @media all and (min-width: 767px){
    .each-insta-row{
      width: 33.33333333%;
    }
    .instagram-row .each-insta-row:nth-child(2n+1){
      clear: none;
    }
    .instagram-row .each-insta-row:nth-child(3n+1){
      clear: left;
    }  
  }


  @media all and (min-width: 1024px){
    .work-main .work-list{
      height: 320px;
    }
  }

  @media all and (min-width: 1200px){
    .work-single .work-list{
      height: 150px;
    }
  }

  @media all and (min-width: 1800px){
    .work-main .work-list{
      height: 550px;
    }
    .work-single .work-list{
      height: 210px;
    }  
  }

  @media all and (min-width: 2700px){

    .each-insta-row{
      width: 25%;
    }
    .instagram-row .each-insta-row:nth-child(2n+1){
      clear: none;
    }
    .instagram-row .each-insta-row:nth-child(3n+1){
      clear: none;
    }
    .instagram-row .each-insta-row:nth-child(4n+1){
      clear: left;
    }
    .each-insta-row .featuredworkimg{
      height: 250px;
    }

    .work-main{
      width: 25%;
    }
    .work-single{
      width: 12.5%;
    }
  }