.main-mega-menu {width:auto;float:left;}
.nav-list {width:auto;float:left;}
.nav-item {position: relative;float:left;padding:15px 5px; margin:0 15px}
.nav-list>.nav-item>.nav-click{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.nav-item > a {font-size: 13px;color: #3b3b3b;display: inline-block;font-family: 'Roboto', sans-serif;font-weight: 500;text-transform:uppercase; line-height: 22px;padding: 5px 8px;position: relative;text-decoration: none;transition: all 0.3s ease 0s;}
.nav-item > a:hover, .nav-item > a:focus, .nav-item > a.active {color: #ff6666;}
ul.nav-list li.nav-item:first-child{padding-left:0px;margin-left:0px;}
.nav-item .menu-label {position: absolute;right: -22px;top: -16px;border-radius: 0;font-size: 11px;line-height: 14px;color: #fff;text-transform: uppercase;padding: 3px 6px 1px;background-color: #ff6666;}
.nav-item .menu-label:after {content: '';position: absolute;bottom: -5px;left: 0;width: 0;height: 0;border: 0 solid transparent;border-left-width: 0px;border-right-width: 6px;border-top: 5px solid #ff6666;    -moz-transform: scale(0.9999);}

.mega-menu {position: static;}


.nav-submenu {margin: 0px;padding: 0px;}
.nav-submenu li {list-style: none;}
.nav-submenu li a {text-decoration: none;}
/* Mobile navigation */

.nav-mobile{width: 48px;height: 48px;float: left;padding: 20px 8px;border: 2px solid #1a1a1a;z-index:1;transition: .5s ease-in-out;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;    -o-transition: .5s ease-in-out;position:absolute;top:34px;right:20px;display:none;}
.nav-mobile span {width: 100%;height: 4px;display:inline-block;float: left;background: #1a1a1a;position: relative;}
.nav-mobile span:after, .nav-mobile span:before{content: '';width: 100%;height: 4px;background: #1a1a1a;position: absolute;left: 0px;transition: .2s;-webkit-transition: .2s;-moz-transition: .2s;-o-transition: .2s;}
.nav-mobile span:before {top: -10px;}
.nav-mobile span:after {top: 10px;}




/* Mobile navigation, clickable area for revealing <ul> */
.nav-click {float:right;line-height:32px;z-index: 2;position:relative;top:0px;}
.nav-click i {color: #2a2f33;display: block;font-size: 14px;padding: 0px;transition: all 0.4s ease 0s;}
.nav-rotate {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
/*5. Short Codes
====================*/

.nav-item:hover .single-down {display: block;-webkit-animation-name: fadeIn;-webkit-animation-duration: 1.25s;animation-name: fadeIn;animation-duration: 1.25s;}
@-webkit-keyframes fadeIn {
 0% {opacity: 0;}
 20% {opacity: 0;}
 40% {opacity: 0.3;}
 60% {opacity: 0.5;}
 80% {opacity: 0.9;}
 100% {opacity: 1;}
}
@keyframes fadeIn {
 0% {opacity: 0;}
 20% {opacity: 0;}
 40% {opacity: 0.3;}
 60% {opacity: 0.5;}
 80% {opacity: 0.9;}
 100% {opacity: 1;}
}
/*5.2  Drop Down
=================*/
.drop-down {width: 210px;background:#fff;top:62px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);z-index: 2;position: absolute;}
.drop-down,.megamenu_content{visibility: hidden;opacity: 0;-webkit-transform: translateY(-2em);-moz-transform: translateY(-2em);-ms-transform: translateY(-2em);-o-transform: translateY(-2em);transform: translateY(-2em);
-webkit-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;-moz-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
-ms-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;-o-transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}

.drop-down li {position: relative;width: 100%;border-bottom:1px solid #f5f5f5;padding:0px;float:left;margin:0px;}
.drop-down li:last-child{border-bottom:0px;}
.drop-down li:hover .drop-down-one, .drop-down li:focus .drop-down-one, .drop-down li.active .drop-down-one {display: block;}
.drop-down li .nav-click{position:absolute;top:50%;right:10px;font-size:16px;margin-top:-5px;line-height:10px;}

.drop-down li a {font-size:13px;color:#3b3b3b;font-weight:500;text-transform:uppercase;padding: 10px 15px;line-height:22px; display: block;transition: all 0.1s ease 0s;}
.drop-down li:hover, .drop-down li.active {background: #f06060;color: #ffffff;}
.drop-down li:hover>a, .drop-down li.active>a {color: #ffffff;}

.drop-down-one {background:#fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);margin-top:0px;display: none;left: 100%;position: absolute;top: 0;width: 210px;z-index: 2;}
.drop-down-one li {position: relative;width: 100%;}
.drop-down-one li:hover .drop-down-two, .drop-down-one li:focus .drop-down-two, .drop-down-one li.active .drop-down-two {display: block;-webkit-animation-duration: 1.25s;animation-duration: 1.25s;}
.drop-down-one li:hover, .drop-down-one li.active {background: #f06060;color: #ffffff;}
.drop-down-one li:hover>a, .drop-down-one li.active>a {color: #ffffff;}

.drop-down-two {-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);   box-shadow: 0 6px 12px rgba(0,0,0,.175);margin-top:0px;display: none;left: 100%;position: absolute;top: 0;width: 210px;background: #ffffff;}
.drop-down-two a {padding:9px 15px;}
.nav-item:hover .drop-down, .nav-item:hover .megamenu_content {visibility: visible;opacity: 1;z-index: 2;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);
    -webkit-transition-delay: 0s, 0s, 0.3s;-moz-transition-delay: 0s, 0s, 0.3s;-ms-transition-delay: 0s, 0s, 0.3s;-o-transition-delay: 0s, 0s, 0.3s;transition-delay: 0s, 0s, 0.3s;
	
}


/*5.4  Mega menu
-----------------*/

.megamenu_content {width:100%;float:left; position:absolute;left:0px;top:62px;padding:34px 10px;z-index:2;background: #fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);   box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.megamenu_content li{margin:0px;}
.megamenu_content li .nav-click{display:none;}
.megamenu_content .megamenu_subtitle{font-size:18px;color:#212121;text-transform:uppercase;font-family: 'Roboto', sans-serif;font-weight:700;display:block;margin-bottom:32px;}
.megamenu_content .megamenu_subtitle span{border-left:3px solid #f06060;display:block;padding-left:10px;line-height:16px;}

ul.megamenu_submenu{width:100%;float:left; max-width:225px;padding-bottom:0px;}
ul.megamenu_submenu.nav_image{max-width:100%;}
ul.megamenu_submenu li{width:100%;float:left;border-top:1px solid #f5f5f5;margin:0px;}
ul.megamenu_submenu li a{font-size:14px;color:#3b3b3b;font-family: 'Roboto', sans-serif;font-weight:500;text-transform:uppercase;padding: 12px 14px 10px 14px;display: block;line-height:21px}
ul.megamenu_submenu li:hover{background:#f06060;}
ul.megamenu_submenu li:hover>a{color:#fff;}

.megamenu_content figure{width:100%;float:left;}
.megamenu_content figure img{max-width:100%}





/*------------------------------------*\
    6. Catnav Responsive Media Queries
\*------------------------------------*/
@media only screen and (min-width: 240px) and (max-width: 991px) {
.main-mega-menu {width: 100%;padding: 0px;}	
.nav-mobile{display:block;}
.primary_nav .container{width:100%;}

  .nav-list {
    display: none;
  }
  .nav-item {
    width: 100%;
    float: none;
    text-align: left;
    position: relative;
    background: #ffffff;
    border-right: 0px;
    border-bottom: 0px;
  }
  .nav-item > a {
    padding: 15px;
  }
  .nav-click {
    display: block;
  }
  .nav-mobile-open {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
  }
  .single-down,
  .drop-down,
  .drop-down-one,
  .drop-down-two {
    width: 100%;
    position: static;
  }
  .a2z-mega-wrapper {
    position: static;
  }
  .hc-li:hover .single-down,
  .hc-li:hover .drop-down,
  .hc-li:hover .a2z-mega-wrapper {
    display: none;
    width: 100%;
    animation-duration: 0s;
  }
  .drop-down li:hover .drop-down-one,
  .drop-down li:focus .drop-down-one,
  .drop-down li.active .drop-down-one {
    display: none;
  }
  .drop-down-one li:hover .drop-down-two,
  .drop-down-one li:focus .drop-down-two,
  .drop-down-one li.active .drop-down-two {
    display: none;
  }
  .right-icon {
    display: none;
  }
  .post {
    text-align: center;
  }
  .post img {
    display: table-cell;
  }
  .responsive-title {
    display: block;
  }
}