.menu-mobile {
display: none;
padding: 20px;
}
.cssmenu,
.cssmenu ul,
.cssmenu ul ul li,
.cssmenu ul ul li a,
.cssmenu .menu-button {
margin: 0;
padding: 0;
list-style: none;
display: block;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cssmenu:after,
.cssmenu > ul:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.cssmenu .menu-button {
display: none;
}
.cssmenu {
width: auto;
line-height: 1;
}
#menu-line {
position: absolute;
top: 0;
left: 0;
height: 3px;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
.cssmenu > ul > li {
position: relative
}
.cssmenu.align-center > ul {
font-size: 0;
text-align: center;
}
.cssmenu.align-center > ul > li {
display: inline-block;
float: none;
}
.cssmenu.align-center ul ul {
text-align: left;
}
.cssmenu.align-right > ul > li {
float: right;
}
.cssmenu.align-right ul ul {
text-align: right;
}
.cssmenu > ul > li > a {
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
}
.cssmenu > ul > li.has-sub > a {
} .header-nav{
border-top: 1px solid #e5e5e5;
}
.header-nav .menu{
margin: 0;
padding: 0;
}
.header-nav .menu > li{ 
padding: 0;
}
.header-nav .menu > li > a{
line-height: 78px;
font-size: 14px;
text-transform: uppercase;
color: #222222;
padding: 0 24px;
letter-spacing: 0;
display: block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.header-nav .menu  a:hover,
.header-nav .menu  a:focus,
.header-nav .menu  a:active{
text-decoration: none;
} .header-nav.nav-style-dark{
background-color: #131313;
border-top: none;
z-index: 999;
}
.header-nav.nav-style-dark .menu > li > a{
color: #fff;    
}
.header-nav.nav-style-dark .menu > li{
margin-left: -4px;  
}
.header-nav.nav-style-dark .menu > li.active > a,
.header-nav.nav-style-dark .menu > li:hover > a{
background-color: rgba(255, 255, 255, .1);
}
.header-nav.nav-style-dark .menu > .pull-right:hover a{
background-color: #131313;
}
.header-nav.nav-style-dark .menu > .pull-right{
margin-left: 11px;
}
.header-nav .menu > .search-box > ul{
width: 480px;   
text-align: right;
max-width: 480px;
}
.search-box .search-form{
padding: 30px;
}
.header-nav .menu > .search-box:hover > ul{
left: auto;
right: 0;
}
.header-nav.nav-style-dark .menu > .pull-right > a{
background-color: rgba(255, 255, 255, .1);
width: 45px;
line-height: 43px;
height: 43px;
text-align: center;
padding: 0;
margin-top: 17px;
} .header-nav.nav-style-light{
background-color: #fff;
border-top: none;
z-index: 999;
}
.header-nav.nav-style-light .menu > li{
margin-left: -4px;  
padding: 0 14px;
}
.header-nav.nav-style-light .menu > li > a{
position: relative;
padding: 0 10px;
font-size: 13px;
font-weight: 600;
letter-spacing: .1em;
}
.header-nav.nav-style-light .menu > li.active > a:before,
.header-nav.nav-style-light .menu > li:hover > a:before{
content: "";
width: 100%;
height: 4px;
position: absolute;
top: 0;
left: 0;
}
.cssmenu > ul > li.has-sub:hover > a::after {
border-color: #009ae1;
}
.cssmenu ul ul {
position: absolute;
left: -9999px;
z-index: 99999 !important;  
text-align: left;
border: 1px solid #e5e5e5;
border-bottom: none;
background-color: #fff;
}
.cssmenu li:hover > ul {
left: auto;
-webkit-animation: fadeinUp .3s; -moz-animation: fadeinUp .3s; -ms-animation: fadeinUp .3s; -o-animation: fadeinUp .3s; animation: fadeinUp .3s;
}
.cssmenu.align-right li:hover > ul {
right: 0;
}
.cssmenu ul ul ul {
margin-left: 100%;
top: 0;
}
.cssmenu.align-right ul ul ul {
margin-left: 0;
margin-right: 100%;
}
.cssmenu ul ul li {
}
.cssmenu ul li:hover > ul > li {
}
.cssmenu ul ul li a {
padding: 20px 20px;
width: 220px;
font-size: 14px;
border-bottom: 1px solid #e5e5e5;
text-decoration: none;
-webkit-transition: color .2s ease;
-moz-transition: color .2s ease;
-ms-transition: color .2s ease;
-o-transition: color .2s ease;
transition: color .2s ease;
display: block;
background-color: #fff;
}
.nav-style-dark .cssmenu ul ul{
border-color: rgba(255, 255, 255, .1);
background-color: #131313;
}
.nav-style-dark .cssmenu ul ul li a{
background-color: #131313;
color: #fff;
border-bottom-color: rgba(255, 255, 255, .1);
}
.nav-style-dark .cssmenu .menu-button::before{
border-color: #fff;
}
.nav-style-dark .cssmenu .submenu-button::after,
.nav-style-dark .cssmenu .submenu-button::before,
.nav-style-dark .cssmenu .menu-button::after{
background-color: #fff;
}
.nav-style-dark .cssmenu ul ul li.active > a,
.nav-style-dark .cssmenu ul ul li:hover > a{
background-color: rgba(255, 255, 255, .1);
color: #fff;
}
.nav-style-dark .cssmenu ul ul li.has-sub > a::after,
.nav-style-dark .cssmenu ul ul li.has-sub:hover > a::after{
border-color: #fff;
}
.cssmenu ul ul li.has-sub > a::after {
position: absolute;
top: calc(50% - 4px );
right: 10px;
width: 4px;
height: 4px;
border-bottom: 1px solid #212121;
border-right: 1px solid #212121;
content: "";
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: border-color 0.2s ease;
-moz-transition: border-color 0.2s ease;
-ms-transition: border-color 0.2s ease;
-o-transition: border-color 0.2s ease;
transition: border-color 0.2s ease;
}
.cssmenu.align-right ul ul li.has-sub > a::after {
right: auto;
left: 10px;
border-bottom: 0;
border-right: 0;
border-top: 1px solid #212121;
border-left: 1px solid #212121;
}
.cssmenu ul ul li.has-sub:hover > a::after {
border-color: #000;
}
@media (max-width: 800px) {
.header-nav.nav-style-dark .menu > li{
position: relative;
}
.header-nav .menu > .search-box > .submenu-button,
.header-nav .menu > .search-box > a{
display: none !important;
}
.header-nav .menu > .search-box ul{
display: block !important;
}
.header-nav .menu > .pull-right{
display: inline-block;
float: left !important;
margin-bottom: 30px;
width: auto;
}
.header-nav .menu > .search-box{
min-width: 100%;
margin: 0;
}
.search-box .search-form{
padding: 17px 17px 17px 0;
}
.cssmenu {
width: 100%;
}
body .header-nav .menu  li  a{
line-height: 50px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 20px;
padding-bottom: 20px;
border-bottom: none;
}
body .header-nav .menu ul{
border: none;
-webkit-animation: fadeinUp 0s; -moz-animation: fadeinUp 0s; -ms-animation: fadeinUp 0s; -o-animation: fadeinUp 0s; animation: fadeinUp 0s;
}
.cssmenu ul {
width: 100%;
display: none;
}
.cssmenu.align-center > ul,
.cssmenu.align-right ul ul {
text-align: left;
}
.cssmenu ul li,
.cssmenu ul ul li,
.cssmenu ul li:hover > ul > li {
width: 100%;
height: auto;
border-top: 1px solid rgba(120, 120, 120, 0.15);
}
.cssmenu ul li a,
.cssmenu ul ul li a {
width: 100%;
}
.cssmenu > ul > li,
.cssmenu.align-center > ul > li,
.cssmenu.align-right > ul > li {
float: none;
display: block;
}
.cssmenu ul ul li a {
padding: 20px 20px 20px 30px;
background: none;
}
.cssmenu ul ul li:hover > a,
.cssmenu ul ul li a:hover {
}
.cssmenu ul ul ul li a {
padding-left: 40px;
}
.cssmenu ul ul,
.cssmenu ul ul ul {
position: relative;
left: 0;
right: auto;
width: 100%;
margin: 0;
}
.cssmenu > ul > li.has-sub > a::after,
.cssmenu ul ul li.has-sub > a::after {
display: none;
}
#menu-line {
display: none;
}
.cssmenu .menu-button {
display: block;
padding: 0 20px;
cursor: pointer;
text-transform: uppercase;
line-height: 78px;
text-align: left;
}
.cssmenu .menu-button::after {
content: '';
position: absolute;
top: 30px;
top: calc( 50% - 1px );
right: 20px;
display: block;
width: 15px;
height: 2px;
background: #000000;
}
.cssmenu .menu-button::before {
content: '';
position: absolute;
top: 25px;
top: calc( 50% - 6px );
right: 20px;
display: block;
width: 15px;
height: 12px;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
}
.cssmenu .submenu-button {
position: absolute;
z-index: 10;
right: 0;
top: 0;
display: block;
border-left: 1px solid rgba(120, 120, 120, 0.15);
height: 52px;
width: 52px;
cursor: pointer;
}
.cssmenu .submenu-button::after {
content: '';
position: absolute;
top: 21px;
left: 26px;
display: block;
width: 1px;
height: 11px;
background: #000000;
z-index: 99;
}
.cssmenu .submenu-button::before {
content: '';
position: absolute;
left: 21px;
top: 26px;
display: block;
width: 11px;
height: 1px;
background: #000000;
z-index: 99;
}
.cssmenu .submenu-button.submenu-opened:after {
display: none;
}
}
@keyframes fadeinUp {
from { opacity: 0; margin-top: 30px; }
to   { opacity: 1; margin-top: 0; }
} @-moz-keyframes fadeinUp {
from { opacity: 0; margin-top: 10px;}
to   { opacity: 1; margin-top: 0;}
} @-webkit-keyframes fadeinUp {
from { opacity: 0; margin-top: 10px;}
to   { opacity: 1; margin-top: 0;}
} @-ms-keyframes fadeinUp {
from { opacity: 0; margin-top: 10px;}
to   { opacity: 1; margin-top: 0;}
} @-o-keyframes fadeinUp {
from { opacity: 0; margin-top: 10px;}
to   { opacity: 1; margin-top: 0;}
}@media (min-width: 1000px) {
.container{
width: 100%;
max-width: 1210px;
}
.header-style2 .row{
margin-right: 0;
margin-left: 0;
}
.text-right .header-nav .menu > li > a{
padding-right: 48px;
padding-left: 0;
}
.text-left .header-nav .menu > li > a{
padding-left: 48px;
padding-right: 0;
}
.header-style2 .row .text-right,
.text-right .navbar-collapse,
.text-right .topbar .social-icons li:last-child,
.text-right .header-nav .menu > li:last-child > a{
padding-right: 0;
padding-left: 0;
}
.header-style2 .row .text-left,
.text-left .navbar-collapse,
.text-left .topbar .social-icons li:first-child,
.text-left .header-nav .menu > li:first-child a{
padding-left: 0;
padding-right: 0;
}
.content-wrap{
padding-right: 0;
}
.sidebar-wrap{
padding-left: 54px;
}
.left-sidebar .content-wrap{
padding-right: 15px;
padding-left: 0;
}
.left-sidebar .sidebar-wrap{
padding-left: 15px;
padding-right: 54px;
}
.no-sidebar  .content-wrap{
padding-left: 15px;
padding-right: 15px;
}
.footer-widget-area div .widget:last-child{
margin-bottom: 0;
}
.topbar .social-icons ul li:last-child{
margin-right: 0;
}
}
@media (max-width: 999px) {
.content-wrap.pull-right{
float: none !important;
}
.topbar .social-icons ul{
text-align: center;
}
}
@media (max-width: 800px) {
.header-style2 .topbar .social-icons ul{
text-align: center;
}
.header-style2 .social-icons span{
display: none;
}
.header-nav .menu > .search-box > ul{
width: auto;
}
.header-style2 .text-right{
text-align: center;
}
.header-style2 .logo-area{
margin: 0;
padding: 30px 0;
border-top: 1px solid #e5e5e5; 
}
.header-style2 .topbar .social-icons {
text-align: center;
}
.welcome-text{
text-align: center;
}
.header-slider-style2 .more-link-wrap{
display: none;
} 
}
@media (max-width: 768px) {
.header-slider-style2 .post-meta,
.header-slider-style2 .shape1{
display: none;
}
.topbar .navbar-toggle{
padding: 0;
display: block;
margin: 0;
width: 100%;
text-align: left;	
cursor: pointer;
font-weight: 400;	
}
.topbar .icon-bar{
background-color: #fff;
border-radius: 0;
-webkit-border-radius: 0;
}
.topbar .social-icons li{
display: inline-block;
text-align: left;
}
.header-nav .navbar-toggle{
padding: 0;
display: block;
margin: 0;
width: 100%;
text-align: left;	
cursor: pointer;
line-height: 78px;
font-size: 14px;
text-transform: uppercase;
}
.header-nav.nav-style-dark{
color: #fff;
}
.header-nav .navbar-toggle i{
margin-right: 5px;
}
.header-nav .menu > li{
display: block;
text-align: left;
}
.subscription-form form{
margin-left: 0;
}
.grid-posts-style2 .blog-post > .row > .col-md-6{
width: 50%;
float: left;
}
.contact-address{
margin-top: 25px;
}
}
@media (max-width: 640px) {  
.topbar .social-icons ul span{
display: none;
}
.slide-item .slide-item-hover{
border-width: 15px;
}
.header-slider-style2 .slide-item .post-info{
padding: 5px 12px;
}
.post-info .post-title {
margin: 0px 0px;
}
.copyright-bar .container > div{
display: block;
text-align: center;
}
.copyright-bar .container > div.footer-logo{
margin: 30px 0;
}
.instafeed-wrap-hover i{
margin-top: 20px;
}
.grid-post-style2 .image-holder{
}
.grid-posts-style2 .blog-post > .row > .col-md-6{
width: 100%;
float: none !important;
}
.grid-post-style2 .image-holder img{
height: auto;
width: 100%;
max-width: 100%;
position: relative;
}
.gallery img{
margin-bottom: 15px;
}
}
@media (max-width: 480px) { 
.search-box .search-form{
padding: 17px 0px 17px 0px;
}
.search-form .btn{
padding: 0 10px;
}
.post-content{
padding-left: 30px;
padding-right: 30px;
width:14%;
}
.entry-footer .post-meta li{
margin-right: 10px;
padding: 0;
}
.entry-footer .post-meta i{
margin-right: 5px;
}
.entry-footer .post-meta li a span{
display: none;
}
.qutoe-wrap .post-content,
.link-holder,
.twitter-holder{
padding-left:2em;
padding-right:2em;
}
.twitter-holder iframe {
height: auto;
min-height: 200px;
overflow: hidden;
}
.footer-social-icons li a span{
display: none;
}	
.comment-info img,
.author-info img{
margin-bottom: 30px;
float: none !important;
}
.comment-info .author-desc,
.author-info .author-desc{
margin-left: 0;
}
.author-title strong{
display: block;
}
.comment-info .author-title strong{
margin-bottom: 15px;
}
.author-title ul{
margin-top: 15px;
margin-left: 0;
float: none !important;
}
.comment-date{
margin-left: 0;
border-left: none;
padding-left: 0;
}
.ext-large{
font-size: 80px;
line-height: 80px;
}
.entry-content.post-content.innerpage{
width:auto;
}
}	
@media (max-width: 360px) {
.header-slider-style2 .post-info .post-title{
font-size: 16px; 
margin-bottom: 0;
}
.header-slider-style2 .slide-item .slide-item-hover{
border-width: 5px 15px;
}
.posts-navigation a{
display: block !important;
width: 100%;
margin-bottom: 15px;
}
.subscription-form .input-group{
width: 100%;
margin-bottom: 15px;
}
.subscription-form .subscribe-button{
width: 100%;
}
} @media (max-width:1025px) {
.recent-posts .post-meta{
font-size:6px;
}  
}
@media (max-width:961px) {
.image-holder img{
width:auto;
}
.responsive-video{
width:auto;
}
}
@media only screen and (max-width: 767px){
.col-md-4.social-links{
overflow:hidden;
width:60%;
margin:0 auto;
float:left;
}
.header-search{
margin: -10px 204px 0 0;
}
.image-holder img{
width:598px;
}
.header-slider-style2 .post-meta, .header-slider-style2 .shape1{
display:block;
}
.post-content{
width:auto;
}
.entry-content.post-content.innerpage{
width:auto;
}
.page-404.blog-post.post-content.text-center.fourclass{
width:auto;
}
.header-search .fa-search.top-search{
margin-top:-7px;
}
#search-2 label,#search-2 input{
width:100%;
}
.owl-theme.owl-carousel .owl-nav > .owl-next{
left:542px;
}
.owl-theme.owl-carousel .owl-nav > div{
left:16px;
}
.owl-carousel .owl-item img{
padding:0 16px;
}
.header-search .search-popup.active form.form-wrapper{
width:70%;
}
.image-holder{
background:none;
} .header-nav .menu > li>a:hover ul.sub-menu{
display:block;
}
.cssmenu .submenu-button{ }
.single-page .post-content{
width:auto;
}
.comments-area input{
width:100%;
}
.post-navigation .nav-previous{
width:100%;
}
.has-sub{
position:relative;
} .footer-widget-area .widget-title::before{
width: 279px;
margin-left: -140px;
}
.post-navigation .nav-next {
float: left;
text-align: left;
width: 100%;
}
}
@media (max-width:481px) { 
.logo-area{
margin:20px 0;
}
#search-2 label{
display:block;
}
#search-2 input{
width:100%;
}
.widget{
margin-bottom:0;
}
.widget > ul li a, .widget > ul li{
font-size:14px;
}
.search-form{
margin-bottom:20px;
}
.search-form .col-md-9.col-sm-9.col-xs-8{
width:100%;
margin-bottom:10px;
}
.search-form .col-md-3.col-sm-3.col-xs-4{
width:100%;
}
.header-search {
margin: 0;
}
blockquote{
margin:0;
}
#search-2 label,#search-2 input{
width:100%;
}
.header-search .fa-search.top-search {
margin-top: -18px;
}
.search-popup.active input.ed-input-text{
width:90%;
}
.header-search .form-wrapper input[type="submit"]{
padding:0 10px;
font-size:10px;
}
.image-holder img {
width: 450px;
}
.owl-carousel .owl-item img{
padding:0;
}
.owl-carousel .owl-item{
padding:0 16px;
}
.owl-theme.owl-carousel .owl-nav > .owl-next {
left: 383px;
}
..header-nav .menu > li:hover ul.sub-menu{
display:block!important;
}
.owl-theme.owl-carousel .owl-nav > div{
height:40px;
width:40px;
line-height:40px;
} .single-page .post-content{
width:auto;
}
}
@media (max-width:360px) {
.owl-theme.owl-carousel .owl-nav > .owl-next {
left: 262px;
}
.image-holder img {
width: 322px;
}
}
@media (max-width:320px) {
.search-form{
margin-bottom:20px;
}
.search-form .col-md-9.col-sm-9.col-xs-8{
width:100%;
margin-bottom:10px;
}
.search-form .col-md-3.col-sm-3.col-xs-4{
width:100%;
}
#search-2 label,#search-2 input{
width:100%;
}
.header-search{
margin:0;
}
.header-search .fa-search.top-search{
padding:0;
}
blockquote{
margin:0;
}
.owl-theme.owl-carousel .owl-nav > .owl-next {
left: 233px;
}
.image-holder img {
width: 293px;
}
}