/*
* Theme Name: Gates
* Author: Okathemes
* Version: 1.0.0


/* Boxed and Responsive Styles
================================================== */
@media (min-width: 1200px) {
 body.boxed {
width: 1240px;
}
 body.boxed .header-nav {
width: 1240px!important;
}
 body.boxed .tp-banner {
width: 1240px;
margin:0 auto;
}
body.boxed .header-nav.basic.sticky {
left:50%;
margin-left:-620px;
}
 body.boxed nav#main-nav {
display: block!important;
}
 body.boxed .post-home .col {
min-height:355px;
}
 body.boxed .post-home .col img {
max-height:450px;
}
 body.boxed .post-home .col h1 {
font-size:30px;
}
 body.boxed .post-home .meta li {
font-size:12px;
}
 body.boxed .post-home .meta li a {
font-size:12px;
}
 .blog-grid.col3, .blog-grid.col2 {
 margin-left: -30px;
 margin-bottom: -30px;
}
.blog-grid.col3 .post, .blog-grid.col2 .post {
 width: 370px;
 margin-left: 30px;
 margin-bottom: 30px;
}
 .blog-grid.col3 hr, .blog-grid.col2 hr {
 margin-left: 30px
}
 .sidebar {
 padding-left: 35px !important
}
 .owl-carousel .owl-controls {
 display: block !important
}
 nav#main-nav {
 display: block!important
}
}
@media (max-width: 1600px) {
 body.boxed nav#main-nav {
 display: none!important;
}
nav#main-nav {
 display: none!important;
}
 .topbar {
 width:65%;
}
.topbar:after {
 right:-4%;
}
 .top-contact li {
 width:30%;
}
.navbar-nav > li {
 margin-left: 10px;
}
 .bg-navbar {
 width:74%;
}
.bg-navbar:after {
 left:-3%;
}
.tp-caption .btn {
 margin-top:10px;
}
.q-form-title .content h3 {
 font-size: 20px;
}
.navbar-nav.t-pad > li {
 margin-left: 2px;
}
.box-dark {
 padding:20px 40px 30px;
}
 .box-dark .services-box-3 i {
 margin-right:10px;
 font-size: 60px;
}
.box-dark .services-box-3 .content h3 {
 font-size:24px;
 line-height:30px;
}
.box-dark .services-box-3 .content h3:before {
    content: "";
    border-bottom: 2px solid #333;
    width: 30px;
    position: absolute;
    top: 47%;
}
.project-item .project-img:after {
 width: 84%;
 height: 84%;
}
 .clients li {
 display:inline-block;
 margin-bottom:20px;
 margin-right:20px;
 border:1px solid #e1e3e5!important;
 width:38%;
}
.bot-subscribe {
 color: #fff;
 background:#000;
 padding:20px 0px 0px;
}
.bot-subscribe select, .bot-subscribe textarea, .bot-subscribe input[type="text"], .bot-subscribe input[type="password"] {
 width:65%;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
 .post-home .col {
 width:50%;
 display:inline-block;
 background:#f6f6f6;
 height:auto;
 min-height:250px;
 float:left;
 text-align:center;
}
 .post-home .col img {
 width:100%;
 max-height:250px;
}
.post-home .col h1 {
 padding-top:20%;
 text-transform:uppercase;
 font-size:24px;
 line-height:24px;
}
.navbar-nav > li > a {
 padding:34px 10px;
}
.header-nav.basic.sticky .navbar-nav > li > a {
 padding: 24px 10px;
}
}
@media (max-width: 969px) {
 .yamm .dropdown.yamm-fullwidth .dropdown-menu {
 width: 100%
}
 .navbar-nav > li > a {
 padding:34px 10px;
}
.header-nav.basic.sticky .navbar-nav > li > a {
 padding: 24px 10px;
}
}
@media (min-width: 993px) {
 .post-home .img1, .post-home .img2 {
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
}

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

{
	
	.box-dark .services-box-3 .content h3::before {
	
	top: 39%;
}

.banner-bottom .box-dark {
	min-height: 330px;
}
	
}


@media (min-width:992px) and (max-width:1024px) {

.navbar-nav > li > a {
	padding:12px 9px;
	text-transform: capitalize;
}
.box-dark .services-box-3 .content h3 {
	font-size: 19px;
	line-height: 26px;
}

.foot-call .fa.fa-phone {
	right: 0;
	left: 110px;
}

.foot-sell {
	display: block !important;
}

.about-left .about-page-img img {
	
	width: 100%;
}
.astrology-services-right {

	padding-left: 25px;
}

.astrology-service-box {
	
	margin-bottom: 20px;
}

.astrology-services-left {
	float: left;
	width: 50%;
}

.astrology-servi-sc-box .astrology-services-left {
	
	 margin-right: 0px; 
}

.services-box-2.contact-icon {

	min-height: auto;
}

.bot-subscribe p {
	
	font-size: 22px;

}

.foot-phone-content a {
	
	font-size: 17px;
	
}


.love-back-img img {
	width: 100%;
	
}

.container {
	 padding-right: 15px; 
	 padding-left: 15px; 
}

.services-box-2 {
	
	min-height: 177px;
}
.box-dark .services-box-3 .content h3::before {
	
	top: 27%;
}

.box-dark .services-box-3 .content p {
	
	font-size: 14px;
}




	}

 @media (min-width:768px) and (max-width:991px) {
	 
	 
.bot-subscribe .col-md-4.col-sm-12 {
	width: 50%;
}	 
 .mobile-menu {
 display:block;
}
.header-nav {
 padding:0px;
 float:left;
 width:100%;
}

.navbar-nav {
	float: left;
	margin: 0;
}

.navbar-nav > li {
	float: left;
}

.navbar-toggle {
	display: none;
}
.navbar-collapse.collapse {
	display: block !important;
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important;
}

.f-element.dontHide {
	min-height: 260px;
	width: 48%;
}

.banner-container.revolution.nomgr{ clear:both;}

.main-logo .logo.pad {
	text-align: center;
	display: inline-block;
	float: none;
	margin-bottom: 0;
}

.main-logo {
	width: 100%;
	text-align: center;
}

.header-right {
	text-align: center;
	width: 100%;
	float: right;
}



.foot-call .fa.fa-phone {
	right: 0;
	left: 110px;
}

.foot-sell {
	display: block !important;
}


.header-nav .col-sm-3 {
 width:100%;
}
.mobile-menu {
 float:right;
}

.header-nav-transparent .col-sm-2 {
 width:100%;
}
.logo {
 margin-bottom:20px;
}

.footer .col-sm-4 {
	width: 50%;
}

.footer .col-sm-3 {
	width: 50%;
}

.footer .col-sm-5 {
	width: 100%;
}

.testimonial .pad-container.t-mgr60 {
	margin: 0 !important;
	padding-top: 20px;
}

.about-left {
	margin-bottom: 30px;
}

.navbar {
	
	border: transparent; 
}

.navbar-nav > li > a {
	
	text-transform: capitalize;
}

.main-navigation{ float:left; width:100%;}

.navbar-collapse.right {
 float:none!important;
}
.navbar-nav {
 display:block;
 position:relative;
 z-index:9999999!important;
 
 width:100%;
}
.navbar-nav > li > a {
 color: #32373c;
 font-size: 13px;
 padding:10px 5px;
}
.navbar-nav > li:hover.pad {
 border-top:0px solid #000;
}

.navbar-nav > li.pad {
 padding:0px 0px;
 border-top:0px solid #fff;
}

.navbar-nav .dropdown-menu li a {
	padding: 10px 20px;
	color: #fff;
	font-size: 13px;
	text-transform: capitalize;
}
.navbar-nav.t-pad {
 padding-top:22px;
}
.navbar-nav > li.box {
 padding:0px;
 background:none;
}
.navbar-nav > li:hover.box a.hwhite {
 color:#e6be1e!important;
}
.navbar-nav > li:hover.box {
 background:none!important;
 color:#e6be1e!important;
}
.navbar-nav > li.current-box {
 background:none!important;
 border-top:0px solid #000;
 color:#e6be1e!important;
}
.navbar-nav > li.current-box a.hwhite {
 color:#e6be1e!important;
}
 .banner-container {
 margin-top:0px;
}

.banner-container-center {
 margin-top:100px;
 width: 100%;
 position: relative;
 z-index:0;
}
.tp-caption .btn {
 margin-top:60px;
}
 .tp-caption.upper2 h2 {
 font-size: 70px;
 line-height:70px;
 letter-spacing:-5px;
}
 .services-bg {
 background:#fff;
 padding:40px 0px 0px;
 position:relative;
 top:0px;
 z-index:999;
}
 .project-item .project-img:after {
 width: 94%;
 height: 93%;
}
 .box-dark .services-box-3 .content h3:before {
 top:55%
}
.bot-subscribe select, .bot-subscribe textarea, .bot-subscribe input[type="text"], .bot-subscribe input[type="password"] {
 width:45%;
}
 .services-box {
 text-align:center!important;
}
 .block {
 display: none
}
.clients li {
 width:30%;
}
 .post-content .date {
 position:absolute;
 top:0!important;
 z-index:2;
}
 .testimonials img {
 width: 100px!important;
}
.t-pad100 {
 padding-top: 0px
}
.clients .owl-clients li {
 width:80%;
}
 .inner-banner {
 width: 100%;
 height: 220px;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 text-align:left;
 padding:-10% 0px 0%;
 color:#fff;
 
}

.astrology-service-box {
	width: 47%;
	float: left;
	margin-right: 3%;
}

.astrology-service-box {

	margin-bottom: 20px;
}

.astrology-services-right > p {
	
	min-height: 390px;
}
.astrology-services-right {

	width: 100%;
}

.astrology-servi-sc-box .astrology-services-left {
	
	margin-right: 0;
}

.astrology-servi-sc-box .astrology-services-right {
	float: left;
	width: 100%;
}
.inner-banner h1 {
	font-size: 30px;
	
}
.inner-banner .col-md-4 {
	width: 260px !important;
}
.inner-banner h3 {
 color:#fff;
 font-size:18px;
 font-weight:600;
}
 .topbar {
 display:none;
}
.topbar-content ul {
 display:none;
}
.top-contact li {
 display:none;
}
.bg-navbar {
 display:none;
}
.social-top {
 display:none;
}
.topbar-full {
 display:none;
}
.owl-carousel .owl-controls .owl-prev, .owl-carousel .owl-controls .owl-next {
	line-height: 30px;
	font-size: 16px;
	width: 36px;
	height: 36px;
	padding-top:3px;
}
.owl-carousel .owl-controls .owl-prev, .owl-carousel .owl-controls .owl-next {

	top:0;
}
.owl-carousel .owl-controls .owl-prev {
	left:5%;
}
.owl-carousel .owl-controls .owl-next {
	right: 5%;
}
.q-form-container {
	position:relative;
	z-index:999;
	top:20px;
	float:left;
}



}




 @media (max-width: 767px) {
 .header-nav .container, .container {
 padding-right: 20px;
 padding-left: 20px;
}
 [class*="col-"] {
 margin-bottom: 30px
}

.foot-call .fa.fa-phone {
	right: 0;
	left: 110px;
}

.header-nav {
	padding: 0px;
	float: left;
	width: 100%;
}

.navbar-nav > li > a {
	padding: 10px 10px;
}

.call-us {
	
	width: 100%;
	text-align: center;
}

.call-us b {
	
	text-align: center;
	
}

.call-us {
	margin:7px 0 13px;
}

.call-us a {
	
	float: none;
}


.home-services-page.citie-home-ser { display:block;}

.main-why-choose {
	border-top: 1px solid #fff;
	margin-top: -1px;
	background-color: #ffcc00;
	padding: 20px 10px;
}

.project-item {
	
	margin-bottom: 20px;
	
}

.home-services-page{ display:none;}

.home-services-resposnive {
	padding: 0 15px;
}

.home-services-resposnive{ display:block;}

.services-box-2 img {
	background-color: #fff;
	border-radius: 50%;
	padding: 10px;
	width: 81px;
}

.main-why-choose {
	border-top: 1px solid #fff;
	margin-top: -1px;
}

.header-nav {
 padding:0px 0px 20px;
 position:absolute;
 top:0px;
 display:block;
 z-index:9999999!important;
}

.astrology-servi-sc-box .astrology-services-left {
	
	margin-right: 0;
}

.astrology-service-box {
	
	margin-bottom: 20px;
}

.astrology-servi-sc-box .astrology-services-right {
	
	width: 100%;
}

.astrology-services-right {
	
	width: 100%;
}

section.astrology-ser-page {
	padding-bottom: 50px;
	padding-left: 15px;
	padding-right: 15px;
}

.about-left .about-page-img a {
	background-color: transparent;
	

	font-size: 32px;
	
	padding: 10px 30px;
	line-height: 35px;
}

.map-bg {
	
	margin-left: 0;
	
}

.contact-icon p, .contact-icon p a {
	font-size: 16px;
	
}
.bg-darker-gray {

	padding-bottom: 70px;
}

#contact-form {
	padding: 0 15px;
}

.foot-sell {
	display: block !important;
}

.inner-banner h1 {
	font-size: 35px;
	margin: 0;
}

.inner-astro-img img { width:100%;}

.problems-banners {
    
    width: 100%;
  
}

.bg-white.inner-banner.pages {
	margin: 0;
	padding: 16px 0;
}

.foot-phone-content a {

	font-size: 18px;
	
}

.caret {
	display: none;
}

.bot-subscribe p {
	
	font-size: 21px;
	
}
.menu-sub {
	display:block;
}

.menu-sub {
	display: block;
	position: absolute;
	right: 19px;
	top: 12px;
	cursor: pointer;
}

.menu-sub .fa.fa-list-ul {
	font-size: 21px;
	color: #fff;
}

.foot-phone-icon {
	
	margin-right: 10px;
}

.bot-subscribe .col-md-4 {
	float: left;
	width: 100%;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	
	background-color: #05266d;
}
.navbar-nav {
	
	background: #e4002b;
	
}
.navbar-default .navbar-toggle {
	border-color: #05266d;
	background-color: #05266d;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-toggle.collapsed {
	background-color: #05266d;
	
	border:none ;
}

.footer .widget.r-pad50 {
	margin-bottom: 90px;
}

.footer .col-sm-6.col-xs-12, .footer .col-sm-12.col-xs-12 {
	margin-bottom: 0;
}

.footer .col-sm-3, .footer .col-sm-5 {
	float: left;
}

.footer {
	
	background-size:cover ;
}

.footer .container.pad-container {
	padding: 20px 15px;
}
section.bot-subscribe {
	background-color: #e4002b;
	margin: 0;
	padding: 20px 15px 0;
}

.testimonial .pad-container.t-mgr60 {
	margin-top: 0 !important;
	padding: 0;
}

.love-back-img img {
	width: 100%;

}

.about-left h2 {
	font-weight: 700;
	font-size: 25px;
	margin-bottom: 12px;
	line-height: 32px;
}
.about-form {
	
	padding: 0 15px;
}
.navbar-header {
	background: transparent;
	position: absolute;
	right: 10px;
	top: 19px;
}
.about-left img {
	width: 100%;
	float: right;

}
.logo img {
	height: 80px !important;
}
.header-right {
	margin-bottom: 5px;
}

.counter-bg {
	
	padding: 0 40px;
}

.get-rid p {
	font-size: 19px;
	
	margin-top: 0;
}

.get-rid {
	margin-bottom: 0;
}

.get-rid h2 {
	
	font-size: 30px;
	
}

.bg-gray .t-mgr40 {
	margin: 0px;
}

h2.heading {
	
	margin-bottom: 15px;
	
}

p.h-sub {
	
	font-size: 17px;
}

.main-why-choose .pad-container2 {
	padding-top: 0px;
	padding-bottom: 0;
}

.main-why-choose .t-mgr50 {
	margin-top: 0px;
}

h2.heading::before {
	
	top: 100%;
	
}

.main-why-choose h2.heading {
	font-weight: 700;
	font-size: 25px;
	line-height: 34px;
	margin-bottom: 0;
	padding-bottom: 0;
	color: #05266d;
}

.box-dark.color1, .box-dark.color4 {
	margin-bottom: 0;
}


.navbar-nav {
	display: block;
	position: absolute;
	z-index: 9999999 !important;
	left: 0px;
	width: 100%;
	top: 70px;
}
.navbar-header {
	background: transparent;
	position: absolute;
	right: 10px;
	top: 19px;
}

.main-logo {
	margin-bottom: 0;
}
.call-us.call-us-whtsapp {
	display: none;
}

.header-right {
	clear: both;
}

.header-nav .container, .container {
	padding-right: 0px;
	padding-left: 0px;
}


.logo {
 margin-bottom:4px;
 margin-top:0px;
}
.logo.pad {	
	padding:5px 0 0 0px;
}

.navbar-collapse.right {
 float:none!important;
}

.mobile-menu {
 float:right;
}

.navbar-nav {
	display: block;
	background: #e4002b;
	display: block;
	position: absolute;
	z-index: 9999999 !important;
}
.navbar-nav.hom1{
	margin-top:40px;
}
.navbar-nav.hom2{
	margin-top:-30px;
}
.navbar-nav.hom3{
	margin-top:65px;
}
.navbar-nav.innerpages{
	margin-top:-30px;
}

 .navbar-nav > li > a {
 color: #32373c;
 font-size: 14px;
}

.navbar-nav .dropdown-menu li a {
 color: #fff!important;
 font-size: 14px;
 text-transform: capitalize;
}
.navbar-nav .dropdown-menu li a:hover {
	 color:#e6be1e!important;
}
.navbar-nav > li.box {
 padding:0px;
 background:none;
}
.navbar-nav > li:hover.box a.hwhite {
 color:#e6be1e!important;
}
.navbar-nav > li:hover.box {
 background:none!important;
 color:#e6be1e!important;
}
.navbar-nav > li.current-box {
 background:none!important;
 border-top:0px solid #000;
 color:#e6be1e!important;
}
.navbar-nav > li.current-box a.hwhite {
 color:#e6be1e!important;
}
.banner-container {
 width: 100%;
 position: relative;
 margin-top:40px;
 z-index:0;
}

.banner-container-center {
 margin-top:100px;
 width: 100%;
 position: relative;
 z-index:0;
}
.tp-caption.upper {
 padding:15px;
}
.tp-caption.upper h3 {
 font-size: 12px;
 line-height:14px;
}
.tp-caption.upper h2 {
 font-size: 26px;
 line-height:24px;
}
 .tp-caption.upper p {
 font-size: 11px;
 line-height:14px;
}
.tp-caption .btn {
 padding:5px 8px;
 font-size:10px;
 letter-spacing:1px;
 margin-top:28px;
}
 .tp-caption.upper2 h3 {
 font-size: 14px;
 line-height:14px;
}
.tp-caption.upper2 h2 {
 font-size: 30px;
 line-height:24px;
 letter-spacing:-2px;
}
.tp-caption.upper2 h2 span {
 color: #fff;
}
.tp-caption.upper2 p {
 font-size: 12px;
 line-height:14px;
}
.services-bg {
 background:#fff;
 padding:40px 0px 0px;
 position:relative;
 top:0px;
 z-index:999;
}
.q-form-container {
	position:relative;
	z-index:999;
	top:20px;
	float:left;
}
.box-dark {
 padding:20px 20px 30px;
}
 .box-dark .services-box-3 i {
 margin-right:10px;
 font-size: 48px;
}
.box-dark .services-box-3 .content h3 {
 font-size:24px;
 line-height:30px;
}
.box-dark .services-box-3 .content h3:before {
 content:"";
 border-bottom:2px solid #fff;
 width:30px;
 position:absolute;
 top:45%
}
.project-item .project-img:after {
 width: 86%;
 height: 85%;
}
.progress small {
 right:20px;
}
.owl-carousel .owl-controls .owl-prev, .owl-carousel .owl-controls .owl-next {
	line-height: 30px;
	font-size: 16px;
	width: 36px;
	height: 36px;
	padding-top:3px;
}
.owl-carousel .owl-controls .owl-prev, .owl-carousel .owl-controls .owl-next {

	top:0;
}
.owl-carousel .owl-controls .owl-prev {
	left:5%;
}
.owl-carousel .owl-controls .owl-next {
	right: 5%;
}

.clients li {
 display:inline-block;
 margin-bottom:20px;
 margin-right:20px;
 border:1px solid #e1e3e5!important;
 width:38%;
}
.clients .owl-clients li {
 width:80%;
}
.bot-subscribe {
 color: #fff;
 background:#000;
 padding:20px 0px 0px;
}
.bot-subscribe select, .bot-subscribe textarea, .bot-subscribe input[type="text"], .bot-subscribe input[type="password"] {
 width:58%;
}
 .inner-banner {
 width: 100%;
 height: 100px;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 text-align:left;
 padding:-10% 0px 0%;
 color:#fff;
 margin-top:100px;
}



.inner-banner h1 {
	line-height: 42px;
	margin-top: 0;
}
.inner-banner h3 {
 color:#fff;
 font-size:18px;
 font-weight:600;
}
 .post-content .date, .post-content .date-white {
 top:0px;
}
.testimonials-author img {
 width:60px!important;
 height:60px!important;
}
.box-text-left {
 padding:10% 5%;
}
.box-text-center {
 padding:10% 5%;
 float:left;
}
.box-text-center2 {
 padding:10% 5%;
}
.pad-container-parallax {
 padding-top: 80px;
 padding-bottom: 60px;
}
.easyPieChart {
 float:none;
 margin:10px auto;
}
.easyPieChart canvas {
 position: absolute;
 top:10px;
 left:28%;
}
.video-bg {
 padding: 5% 0px 2%;
 position: relative;
 overflow: hidden;
 height: 100%;
 max-height:100%;
 margin-top:30px;
}
.video-bg.landing h1 {
 color:#fff;
 font-size:20px;
 line-height:24px;
 text-align:center;
 padding:0px 2%;
}
.video-bg h1 {
 margin-bottom: 10px;
}
 .video-bg.landing h3 {
 color:#fff;
 font-size:14px;
 line-height:16px;
 text-align:center;
 padding:0px 10%;
}
.video-bg.landing form {
 margin-top:0px;
 padding:20px 0px;
 width:100%;
}
.video-bg.landing form h3 {
 font-size:14px;
}
.video-bg.landing p.small {
 color:#fff;
 text-align:center;
}
 .video-bg.landing select, .video-bg.landing textarea, .video-bg.landing input[type="text"], .video-bg.landing input[type="password"], .video-bg.landing .btn-submit {
 width:100%;
}
 .services-box {
 text-align:center;
}
 h1.client {
 font-size: 20px;
 line-height: 20px;
 letter-spacing:0px;
}
 h4.client span {
 font-size:8px;
}
 .team-box-animated .back p {
 font-size:11px;
 line-height:16px;
}
 .team-box-animated .back ul.social-icons {
 font-size:8px!important;
 bottom:-65px!important;
}
.project-item, .projects-grid-2 .project-item, .container .projects-grid-2 .project-item, .projects-grid-3 .project-item, .container .projects-grid-3 .project-item, .project-grid-5 .project-item {
 width: 100%;
}
.navigation a {
 margin-left: 0;
 margin-right: 3px;
}
.inner-banner {
 max-height:350px;
 padding:35% 0px 0%;
}
.inner-banner h1 {
	font-size: 18px;
	letter-spacing: 0;
	width: 90px;
	line-height: 24px;
}
.inner-banner h3 {
 font-size:20px;
}
.blog-grid.col3 {
 margin-left: 0;
 margin-bottom: 20px;
}
.blog-grid.col3 .post {
 width: 100%;
 margin-left: 0;
}
.blog-grid.col2 .post {
 width: 100%;
 margin-left: 0;
}
 .blog-grid.col2 hr {
 display: block
}
.sidebar {
 margin-top: 70px;
 padding-left: 15px !important;
}
.pagination ul {
 margin-top: 0px
}
.pagination ul > li {
 margin-bottom: 20px
}
.tab {
 display: block !important;
 margin: 0 !important;
}
.tabs-top .tab {
 margin-bottom: 8px !important
}
.tabs-top .etabs {
 margin-bottom: -8px
}



nav#main-nav {
 display: none
}
 .f-element {
 width: 100%!important;
}
.post-home {
 width:100%;
 margin-top:20px;
}
.post-home .col {
 width:100%;
 display:inline-block;
 background:#f6f6f6;
 height:auto;
 min-height:100%;
 float:left;
 text-align:center;
}
.post-home .col img {
 width:100%;
}
.post-home .col h1 {
 padding-top:10%;
 text-transform:uppercase;
 font-size:24px;
}
.width-third, .width-fourth {
 width:100%;
}
.sidebar .cart {
width:100%;
}
.product-grid.col3 .post, .product-grid.col4 .post {
width: 95%;
}
.cart-total {
width:100%!important;
}
img {
 width:100%;
 border:0px;
}
.t-pad80 {
 padding-top: 0px
}
.owl-slider-wrapper.agency {
 width:100%;
}
.post-home .img1, .post-home .img2 {
 background-position: center center;
 background-repeat: no-repeat;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 padding:40px;
}
.clients .item {
 border-right:0px solid #e5e5e5;
 border-bottom:0px solid #e5e5e5;
}
.clients .item.r-last {
 border-right:0px solid #e5e5e5;
 border-bottom:0px solid #e5e5e5;
}
.clients .item.b-last {
 border-right:0px solid #e5e5e5;
 border-bottom:0px solid #e5e5e5;
}
.social-nav a {
 width: 100%;
}
.footer input[type="text"].alt, .footer.white input[type="text"].alt {
 width:60%;
}
.footer .btn-submit.alt, .footer.white .btn-submit.alt {
 width:70px;
}
.footer.white select, .footer.white textarea, .footer.white input[type="text"], .footer.white input[type="password"] {
 width:60%;
 font-size: 13px;
}
.footer.white .btn-submit {
 width:100px;
}
.col-xs-offset-2 {
 margin-left: 0px;
}
.med {
 margin-left:20px;
}
 .med img {
 width:70px;
 height:70px;
 margin-right:5px;
}
.services-box-2.left i.right {
 float: left;
 margin-left: 20px;
}
.topbar {
 display:none;
}
.topbar-content ul {
 display:none;
}
.top-contact li {
 display:none;
}
.bg-navbar {
 display:none;
}
.social-top {
 display:none;
}
.topbar-full {
 display:none;
}
}
 @media (min-width: 768px) and (max-width: 979px) {
 .header-nav .container, .container {
 padding-right: 15px;
 padding-left: 15px;
}
 .logo {
 margin-top:20px;
}
 .post-content .date, .post-content .date-white {
 top:-40px;
}
 .tabs-top .etabs {
 margin-bottom: -8px
}
 .tabs-top .tab {
 margin-bottom: 8px
}
 .services-3 .icon:before {
 width: 50%;
 left: -70%;
}
 .services-3 .icon:after {
 width: 50%;
 right: -70%;
}
.project-item, .projects-grid-2 .project-item, .container .projects-grid-2 .project-item, .projects-grid-3 .project-item, .container .projects-grid-3 .project-item, .project-grid-5 .project-item {
 width: 100%;
}
 .blog-grid.col3 {
 margin-left: -20px;
 margin-bottom: -20px;
}
 .blog-grid.col3 .post {
 width: 350px;
 margin-left: 20px;
 margin-bottom: 20px;
}
 .blog-grid.col2 {
 margin-left: 0
}
 .blog-grid.col2 .post {
 width: 100%;
 margin-left: 0;
}
 nav#main-nav {
 display: none
}
.testimonials-author img {
 width:60px!important;
 height:60px!important;
}
 .social-nav a {
 width: 100%;
}
.footer.white select, .footer.white textarea, .footer.white input[type="text"], .footer.white input[type="password"] {
 width:60%;
 font-size: 13px;
}
.footer.white .btn-submit {
 width:100px;
}
}