@media (min-width: 1200px) {
 body.boxed {
width: 1240px;
}
 body.boxed .header-nav {
width: 1240px!important;
background:#fff;
}
 body.boxed .tp-banner {
width: 1240px;
margin:0 auto;
}
body.boxed .header-nav.basic.sticky {
left:50%;
margin-left:-620px;
}
body.boxed .page-title .col {
	min-height:197px;	
}

body.boxed .page-title .col img {
	max-height:215px;	
}
 body.boxed .aboutme {
background-size: cover!important;
}
 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;
}
 body.boxed .footer {
	background:url(../images/bg-footer.png) repeat-y -200px 0 #f6f6f6;
}
.footer {
	background:url(../images/bg-footer.png) repeat-y -30px 0 #f6f6f6;
}
 .portfolio-col .items.col4 li {
 width: 272px;
 margin-left: 20px;
 margin-bottom: 20px;
}
 .portfolio-col .items.col3 li {
 width: 370px;
 margin-left: 20px;
 margin-bottom: 20px;
}
 .portfolio-col .items.col2 li {
 width: 560px;
 margin-left: 20px;
 margin-bottom: 20px;
}
 .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 .header-nav.basic.sticky {
left: 11.25%!important;
}
body.boxed nav#main-nav {
 display: none!important;
}
nav#main-nav {
 display: none!important;
}
.footer {
	background:url(../images/bg-footer.png) repeat-y -200px 0 #f6f6f6;
}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
 .header-nav.basic.sticky .logo img {
 width: auto
}
 .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;
}

}
@media (min-width: 993px) {
 .header-nav .dropdown-submenu > .dropdown-menu {
 margin-top: 0
}
 .dropdown-submenu {
 position: relative
}
 .dropdown-submenu>.dropdown-menu {
 top: 0;
 left: 100%;
 margin-top: -6px;
 margin-left: -1px;
 border-left: 1px solid rgba(0, 0, 0, 0.13) !important;
}
 .dropdown-submenu:hover>.dropdown-menu {
 display: block
}
 .dropdown-submenu>a:after {
 display: block;
 content: " ";
 float: right;
 width: 0;
 height: 0;
 margin-top: 5px;
 margin-right: -10px;
}
 .dropdown-submenu:hover>a:after {
}
 .dropdown-submenu.left {
 float: none
}
 .dropdown-submenu.left>.dropdown-menu {
 left: -100%;
 margin-left: 10px;
}

 nav#main-nav {
 display: none
}

}
 @media (max-width: 991px) {
 .btn.mobile-menu {
 display: block
}
 .nav > li > a:hover:before, .navbar-nav > li.current:before {
 border-bottom: none!important;
}
 .header-nav .dropdown-menu {
 position: relative;
 left: inherit;
 top: inherit;
 float: none;
 width: auto;
 display: block !important;
 background: none;
}
 .navbar-nav > li > a,  .navbar-nav > li:first-child > a,  .header-nav .dropdown-menu li {
 border: none
}
 .navbar-nav > li > a,  .header-nav .dropdown-menu li a {
 border-bottom: 1px solid rgba(0, 0, 0, 0.13) !important
}
 .header-nav .dropdown-menu {
 background: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
 .header-nav .dropdown-menu li a {
 color: #fff!important;
}
 .header-nav .dropdown-menu li a:hover,  .header-nav .dropdown-menu li a.active {
 background:none!important;
}
 .navbar-nav > li > a,  .header-nav .dropdown-menu li a,  .header-nav .dropdown-menu li a:hover,  .header-nav .dropdown-menu li a.active {
 padding: 12px 0 !important
}
 .navbar-nav .open .dropdown-menu > li > a {
 line-height: 1
}
 .navbar-nav > li > a,  .navbar-nav > li > a:focus {
 color: #eb5a55
}
 .header-nav .dropdown-menu li a {
 color: #cacaca
}
 .header-nav .dropdown-menu {
 padding-left: 20px
}
 .header-nav .dropdown-menu a {
 text-transform: none !important;
 font-size: 13px !important;
}
 .header-nav.basic .btn.mobile-menu {
 margin: 31px 0
}
 .navbar-header {
 float: left;
 width: 100%;
}
 .navbar-header:after {
 content: '';
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
 .header-nav.basic.set,  .header-nav.basic.sticky {
 position: relative
}
 .services-box {
 text-align:center!important;
}
 .block {
 display: none
}
 .header-nav.basic .container {
 width: 100%;
 padding: 0;
}
 .header-nav.basic .navbar-collapse {
 width: 100%;
 float: none !important;
 margin: 0;
 background: #333;
}
 .header-nav.basic .navbar-nav {
 width: 720px;
 margin: 0 auto;
 padding: 0;
}
 .header-nav.basic .basic-wrapper {
 width: 720px;
 margin: 0 auto;
 display: block;
}
 .header-nav.basic.set .logo img,  .header-nav.basic.sticky .logo img {
 height: auto
}
 .header-nav.basic .logo {
 padding-top: 24px !important
}
 nav#main-nav {
 display: none
}
 img {
 width:100%;
 border:0px;
}
 .landing-page {
 background-size: cover!important;
}
 .page-title .col {
 min-height:200px;
 float:left;
 text-align:right;
}
.team-box-animated .back h3 {
 margin:0px 0 0;
}
.team-box-animated .back p {
 font-size:11px;
 line-height:16px;
 margin-top:10px;
}
 .team-box-animated .back ul.social-icons {
 font-size:8px!important;
 bottom:-65px!important;
}
 .aboutme {
 background-size: 140%!important;
 padding:40px 0 20px;
}
 .aboutme p {
 font-size:18px;
 line-height:24px;
}
 .aboutme h3 {
 padding:5px;
 width:80%;
 font-size:26px;
}
 .page-title .col img {
 width:100%;
 max-height:200px;
}
 .portfolio-col .items.col4 li, .portfolio-col .items.col3 li, .portfolio-col .items.col2 li {
 width: 100%!important;
 margin-left: 20px;
 margin-bottom: 20px;
}
.post-home .col {
 width:50%;
 display:inline-block;
 background:#f6f6f6;
 height:auto;
 min-height:213px;
 float:left;
 text-align:center;
}
 .post-home .col img {
 width:100%;
 max-height:213px;
}
.post-home .col h1 {
 padding-top:20%;
 text-transform:uppercase;
 font-size:24px;
 line-height:24px;
}
 .width-third, .width-fourth {
 width:100%;
}
 .testimonials img {
 width: 100px!important;
}
.footer {
background:url(../images/bg-footer.png) repeat-y -450px 0 #f6f6f6;
}
}
 @media (min-width: 768px) and (max-width: 979px) {
 .header-nav .container,  .container {
 padding-right: 15px;
 padding-left: 15px;
}
 .logo img {
 margin-top:8px;
 height: 36px!important;
}
 .nav > li > a:hover:before, .navbar-nav > li.current:before {
 border-bottom: none!important;
}
 .header-nav .dropdown-menu {
 background: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
 .header-nav .dropdown-menu li a {
 color: #fff!important;
}
 .navbar-nav > li > a {
 padding: 15px 18px
}
 .header-nav.basic .navbar-nav > li {
 margin-left: 10px
}
 .header-nav.basic .navbar-nav > li > a {
 padding: 30px 5px
}
 .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%;
}
 portfolio-col .items.col4, .portfolio-col .items.col3, .portfolio-col .items.col2 {
 margin-left: -10px;
 margin-bottom: -10px;
}
 .portfolio-col .items.col4 li, .portfolio-col .items.col3 li, .portfolio-col .items.col2 li {
 width: 233px;
 margin-left: 10px;
 margin-bottom: 10px;
}
 .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 img {
 width: 100px!important;
}
}
 @media (max-width: 767px) {
 .header-nav .container,  .container {
 padding-right: 20px;
 padding-left: 20px;
}
.logo img {
 margin-top:8px;
 height: 36px!important;
}
 [class*="col-"] {
 margin-bottom: 30px
}
.nav > li > a:hover:before, .navbar-nav > li.current:before {
 border-bottom: none!important;
}
.header-nav .dropdown-menu {
 background: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
 .header-nav .dropdown-menu li a {
 color: #fff!important;
}
.header-nav .dropdown-menu li a:hover,  .header-nav .dropdown-menu li a.active {
 background:none!important;
}
.header-nav.basic .navbar-nav {
 width: 100%;
 margin: 0 auto;
 padding-left: 20px;
 padding-right: 20px;
}
 .header-nav.basic .basic-wrapper {
 width: 100%;
 padding-left: 20px;
 padding-right: 20px;
 margin: 0 auto;
 display: block;
}
.header-nav.basic .navbar-nav > li {
 margin-left: 0
}
.tp-caption.upper span {
 font-size: 30px;
}
 .tp-caption p {
 font-size: 10px;
 letter-spacing:1px;
}
.services-box {
 text-align:center;
}
 h1.client {
 font-size: 20px;
 line-height: 20px;
 letter-spacing:0px;
}
 h4.client span {
 font-size:8px;
}
.landing-page {
 background-size: cover!important;
}
 .pricing .plan {
 border-right: 0px solid #f0f0f0;
}
.about-title {
 font-size:14px;
 line-height:24px;
 padding:10px 0px;
}
.page-title .col {
 min-height:80px;
 width:100%;
 text-align:left;
}
 .page-title .col h1 {
 font-size:24px;
 padding-left:20px;
 line-height:24px!important;
}
 .page-title .meta {
 margin-left:15px;
}
.page-title .meta li {
 font-size:10px!important;
}
.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;
}
.aboutme {
 background-size: 180%!important;
 padding:10px 0;
}
.aboutme p {
 font-size:12px;
 line-height:14px;
}
.aboutme h3 {
 padding:5px;
 width:80%;
 font-size:18px;
}
.filter li {
 margin-right: 6px;
 margin-bottom: 0;
 line-height: 45px;
 display: inline-block;
 width:100%;
}
.filter li a {
 border: 1px solid #e5e5e5
}
.portfolio-col .items.col4, .portfolio-col .items.col3, .portfolio-col .items.col2 {
 margin-left: 0;
 margin-bottom: 0;
}
.portfolio-col .items.col4 li, .portfolio-col .items.col3 li, .portfolio-col .items.col2 li {
 width: 100%;
 margin-left: 0;
 margin-bottom: 20px;
}
.navigation a {
 margin-left: 0;
 margin-right: 3px;
}
.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
}
.footer .widget.single .contact-info li {
 display: block
}
nav#main-nav {
 display: none
}
.tp-caption a.btn {
 padding:4px 6px!important;
 font-size:8px!important;
 letter-spacing: 0.5px!important;
}
.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%;
}
.testimonials img {
 width: 100px!important;
}
img {
 width:100%;
 border:0px;
}
.footer {
 background:url(../images/bg-footer-res.png) no-repeat top center #f6f6f6!important;
}
}