/* Tablet Layout */

@media (min-width: 768px) and (max-width: 991px) {

.section-title {

	padding: 0 90px;

}

.header .single-widget {

	margin-right: 15px;

}

.header .nav li a {

	padding: 16px 10px;

}

.header .social{

	display:none;

}

.topbar {

	overflow: hidden;

}

.header .topbar-inner::before {

	top: -25px;

}

.header .topbar-inner::after {

	top: -25px;

}

.header.style2 .logo {

	text-align: center;

	padding-top: 20px;

}

.header.style2 .logo img{

	display:inline-block;

}

.header.style2 .nav li a {

	padding: 20px 10px;

}

.header.style2 .search {

	top: 17px;

}

.header.style2 .social{

	display:block;

}

.header.style3 .logo {

	text-align: left;

}

.header.style3 {

	padding: 10px 0;

}

.header .nav .mega-inner .single-menu{

	width:30%;

}

/* Header Onepage */

.header.onepage{

	padding:12px 0;

}

.header.onepage .logo {

	text-align: left;

	padding:0;

}

.header.onepage .mobile-nav{

	display:block;

}

.header.onepage .nav-area {

	display:none;

}

.header.onepage .social{

	display:none;

}

.header.onepage .header-inner{

	display:none;

}

.header.onepage .header-widget {

	display:none;

}

.header.onepage .slicknav_menu {

	background: transparent;

	padding: 0;

}

.header.onepage .slicknav_btn {

	background: transparent;

	padding: 8px 9px;

	margin: -30px 0px 0 0px;

	border: none;

	border-radius: 0px;

}

.header.onepage .slicknav_nav a {

	padding: 5px 3px;

	margin: 0;

	color: #fff;

	background: transparent;

	overflow: hidden;

}

.header.onepage .slicknav_nav a:hover {

	background:#2baef4;

}

.header.onepage .slicknav_nav a:hover,

.header.onepage .slicknav_nav a:focus,

.header.onepage .slicknav_nav a:active{

	color:#fff;

}

.header.onepage .slicknav_nav {

	background: #353535;

	margin-top: 10px;

	padding: 10px;

	margin-bottom: 10px;

}

.header.onepage.style2 .topbar{

	display:none;

}

.header.style2.onepage .header-inner{

	display:block;

}

.header.style2.onepage .search {

	display:none;

}

/* Header Sticky */

.header.onepage.sticky{

	position:fixed;

	left:0;

	top:0;

	width:100%;

	z-index:99;

	background:#fff;

}

.header.onepage.sticky .header-inner{

	animation:none;

	padding:12px 0;

}

/* Hero Area */

.hero-area .single-slider,

.hero-area .slide-text,

.hero-area{

	height:500px;

}

.hero-area .slide-text {

	padding-right: 270px;

}

.hero-area .slide-text.right {

	text-align: right;

	padding: 0 0 0 270px;

}

.hero-area .slide-text h1 .short{

	margin:0;

}

.hero-area .slide-text h1{

	font-size:42px;

}

.hero-area .slide-text p{

}

.hero-area.creative .background-layer{

	display:none;

}

.hero-area.creative .slide-text {

	padding: 0 80px;

}

.hero-area.animate-text .single-slider .slide-text h1 {

	margin: 0;

	line-height: 40px;

}

.hero-area.animate-text, 

.hero-area.animate-text .single-slider, 

.hero-area.animate-text .slide-text {

	height: 500px;

}

/* Features */

.features .features-single {

	padding: 25px 10px;

}

/* Why Choose */

.why-choose .working-process{

	height:auto;

	padding:50px 40px;

}

.why-choose .choose-main {

	padding: 50px 40px;

}

.why-choose .why-video{

	height:300px;

}

/* Pricing Table */

.pricing-table.center .single-table.active,

.pricing-table .single-table:hover{

	transform:none;

}

/* Testimonials */

.testimonials .testimonial-content {

	padding:0 70px

}

.testimonials .owl-controls  .owl-nav .owl-prev {

	left: 0px;

}

.testimonials .owl-controls  .owl-nav .owl-next {

	right: 0px;

}

.boxed-layout .testimonials .owl-controls .owl-nav .owl-prev {

	left: 0px;

}

.boxed-layout .testimonials .owl-controls .owl-nav .owl-next {

	right: 0px;

}

.testimonials .testimonial-info .arrow::before{

	left:48%;

}

.testimonials .owl-carousel .owl-controls .owl-nav div:hover{

	background:transparent;

	color:#353535;

}

/* Blog */

.blog-main .single-blog.sticky{

	display:none;

}

.blog-main .blog-slider .owl-controls .owl-nav .owl-prev {

	left: -18px;

	padding: 0;

	width: auto;

	background:transparent;

}

.blog-main .blog-slider  .owl-controls .owl-nav .owl-next {

	right: -18px;

	padding: 0;

	width: auto;

	background:transparent;

}

.boxed-layout .blog-main .owl-controls .owl-nav .owl-prev {

	left: -18px;

}

.boxed-layout .blog-main .owl-controls .owl-nav .owl-next {

	right: -18px;

}

.blog-main .blog-slider .owl-nav div {

	width: auto;

	height: auto;

}

.blog-main .owl-carousel .owl-controls .owl-nav div:hover{

	background:transparent;

	color:initial;

}

.blog-main .single-blog.sticky .blog-info {

	top: 14px;

}

/* Project */

.projects .project-sidebar {

	margin-bottom: 30px;

}

/* Call To Action */

.call-to-action h2{

	margin:0;

	font-size:15px;

}

.call-to-action h2 span{

	font-size:25px;

}

.call-to-action .btn{

	margin:20px 0 0 0

}

/* Footer */

.footer .footer-top .social {

	margin-top: 15px;

	display: none;

}

}



/* Mobile Layout */

@media only screen and (max-width: 767px) {

.section-title {

	padding: 0 60px;

}

.mobile-nav{

	display:block;

}

.breadcrumbs h2 {

	font-size: 35px;

	padding: 30px 0;

}

.breadcrumbs .bread-list {

	padding: 15px 80px;

}

.header {

	padding: 12px 0;

}

.header .logo{

	padding:0;

}

.header .header-widget {

	display:none;

}

.header .header-inner{

	display:none;

}

.header .nav li a {

	padding: 16px 10px;

}

.header .social{

	display:none;

}

.header .nav .mega-inner .single-menu{

	width:30%;

}

.header .topbar .contact {

	float: none;

	text-align: center;

}

.header.style2 .social {

	display: block;

	text-align: center;

	margin-top:10px;

}

.header .topbar{

	background:#353535;

}

.header .mobile-nav{

	display:block;

}

.header .slicknav_menu {

	background: transparent;

	padding: 0;

}

.header .slicknav_btn {

	background: transparent;

	padding: 8px 9px;

	margin: -31px 0px 0 0px;

	border: none;

	border-radius: 0px;

}

.header .drop-down .slicknav_nav .slicknav_arrow {

	display: block;

}

.header .slicknav_menu .mega-widget p {

	color: #fff;

	margin: 10px 0;

}

.header .slicknav_menu .mega-widget img{

	width:100%;

}

.header .slicknav_menu .mega-widget .image a{

	display:none;

}

.header .slicknav_menu .list-menu span{

	margin-right:10px;

}

.header .slicknav_menu .list-menu{

	display:block;

}

.header .slicknav_menutxt {

	text-shadow:none;

}

.header .slicknav_nav .slicknav_arrow {

	float: right;

}

.header .slicknav_nav a {

	padding: 5px 3px;

	margin: 0;

	color: #fff;

	background: transparent;

	overflow: hidden;

}

.header .slicknav_nav a:hover {

	background:#2baef4;

}

.header .slicknav_nav a:hover,

.header .slicknav_nav a:focus,

.header .slicknav_nav a:active{

	color:#fff;

}

.header .slicknav_nav a i {

	display:none;

}

.header .slicknav_nav {

	background: #353535;

	margin-top: 10px;

	padding: 10px;

}

.header .slicknav_nav .drop-down{

	margin:5px 10px;

}

.header .slicknav_nav .mega-inner a h4 {

	float: left;

	font-weight: 500;

}

.header.style2 .search {

	top: 17px;

}

.header.style2 {

	background: #fff;

	padding: 0 0 12px;

}

.header.style2 .header-inner{

	display:block;

}

.header.style2 .logo {

	padding-top: 12px;

}

.header.style2 .social{

	display:block;

}

.header.style2 .nav li a {

	padding: 20px 10px;

}

.header .topbar-inner::after,

.header .topbar-inner::before {

	display:none;

}

.header.style3 .logo {

	text-align: left;

}

.header.style3 {

	padding: 10px 0;

}

.header.style3 .logo {

	text-align: left;

}



/* Header Onepage */

.header.onepage{

	padding:12px 0;

}

.header.onepage .logo {

	text-align: left;

	padding:0;

}

.header.onepage .mobile-nav{

	display:block;

}

.header.onepage .nav-area {

	display:none;

}

.header.onepage .social{

	display:none;

}

.header.onepage .header-inner{

	display:none;

}

.header.onepage .header-widget {

	display:none;

}

.header.onepage .slicknav_menu {

	background: transparent;

	padding: 0;

}

.header.onepage .slicknav_btn {

	background: transparent;

	padding: 8px 9px;

	margin: -30px 0px 0 0px;

	border: none;

	border-radius: 0px;

}

.header.onepage .slicknav_nav a {

	padding: 5px 3px;

	margin: 0;

	color: #fff;

	background: transparent;

	overflow: hidden;

}

.header.onepage .slicknav_nav a:hover {

	background:#2baef4;

}

.header.onepage .slicknav_nav a:hover,

.header.onepage .slicknav_nav a:focus,

.header.onepage .slicknav_nav a:active{

	color:#fff;

}

.header.onepage .slicknav_nav {

	background: #353535;

	margin-top: 10px;

	padding: 10px;

	margin-bottom: 10px;

}

.header.onepage.style2 .topbar{

	display:none;

}

.header.style2.onepage .header-inner{

	display:block;

}

.header.style2.onepage .search {

	display:none;

}

/* Header Sticky */

.header.onepage.sticky{

	position:fixed;

	left:0;

	top:0;

	width:100%;

	z-index:99;

	background:#fff;

}

.header.onepage.sticky .header-inner{

	animation:none;

	padding:12px 0;

}



.hero-area .single-slider,

.hero-area .slide-text,

.hero-area{

	height:450px;

}

.hero-area .slide-text {

	padding-right: 30%;

}

.hero-area .slide-text.right {

	text-align: right;

	padding: 0 0 0 30%;

}

.hero-area .slide-text h1 .short {

	margin: 0;

	font-size: 20px;

}

.hero-area .slide-text h1{

	font-size:30px;

	padding-bottom: 15px;

	margin-bottom: 15px;

	line-height:40px;

}

.hero-area .owl-dots {

	bottom: 20px;

}

.hero-area .single-slider .slide-btn {

	margin-top: 20px;

}



.hero-area.creative .background-layer{

	display:none;

}

.hero-area.creative .slide-text h1 {

	line-height: 40px;

}

.hero-area.creative .slide-text {

	padding: 0 30px;

}

.hero-area.animate-text .single-slider .slide-text h1 {

	margin: 0;

	line-height: 40px;

}

.hero-area.animate-text, 

.hero-area.animate-text .single-slider, 

.hero-area.animate-text .slide-text {

	height: 450px;

}

.hero-area.animate-text .cd-words-wrapper{

	font-size:20px;

	margin:0;

}

.hero-area.animate-text .slide-text {

	padding-right: 10%;

}

.hero-area.animate-text .single-slider .slide-text .btn {

	padding: 14px 30px;

}

.why-choose .working-process{

	height:auto;

	padding:50px 40px;

}

.why-choose .choose-main {

	padding: 50px 40px;

}

.why-choose .why-video{

	height:300px;

}

.pricing-table.center .single-table.active,

.pricing-table .single-table:hover{

	transform:none;

}

.testimonials .testimonial-content {

	padding: 0 30px;

}

.testimonials .owl-controls  .owl-nav .owl-prev {

	left: 0px;

}

.testimonials .owl-controls  .owl-nav .owl-next {

	right: 0px;

}

.testimonials .owl-carousel .owl-controls  .owl-nav div:hover{

	background:transparent;

	color:#353535;

}

.testimonials .testimonial-info .arrow::before{

	left:48%;

}

.projects .project-sidebar {

	margin-bottom: 30px;

}

.team .team-details{

	display:none;

}

.counter .counter-single .icon{

	float:none;

}

.blog-main .single-blog.sticky{

	display:none;

}

.blog-main .blog-slider  .owl-controls{

	display:none;

}

.blog-main .single-blog.sticky .blog-info {

	top: 14px;

}

.services.single .img-right .text {

	width: 100%;

	margin-bottom: 20px;

}

.services.single .img-right .text:last-child {

	margin: 0px;

}

.counter .static-single .icon{

	float:none;

}

.services.single .services-content h2 {

	font-size:20px;

}

.blog-main .single-comments .head {

	float: none;

	width: 20%;

	margin:0 0 10px 0;

}

.blog-main .single-comments .meta {

	float: none;

	display: block;

	margin-top:5px;

}

.blog-main .single-comments .comment-list{

	padding-left:0px;

}

.blog-main.archive.single .img-right .text {

	float: none;

	width: 100%;

}

.blog-main.archive.single .img-right img {

	float: none;

	width: 100%;

	margin-top: 20px;

	display: inline-block;

}

.blog-main.archive.single .blog-bottom .share {

	float: none;

	display: block;

}

.blog-main.archive.single .blog-bottom .prev-next {

	float: none;

	margin-top: 15px;

}

.blog-main.archive.single .blog-bottom .share li a i {

	margin-right: 5px;

}

.blog-main.archive.single .blog-bottom .share li a {

	padding: 5px 10px;

}

.blog-main.archive.single .blog-bottom .share li {

	margin-right: 5px;

}

.projects .project-nav ul li {

	padding: 5px 8px;

}

.projects.single .projects-content h2{

	font-size:20px;

}

.projects.single .projects-slider #bx-pager a img {

	width: 70px;

	height: 55px;

}

.projects .projects-sidebar {

	margin-bottom: 30px;

}

.projects.single .projects-slider #bx-pager {

	padding: 5px;

}

.call-to-action h2 {

	margin: 0;

	font-size: 22px;

}

.call-to-action h2 span{

	font-size:22px;

	margin:0;

	font-weight:500;

}

.call-to-action .btn{

	margin:20px 0 0 0

}

.team .t-icon a{

	display:none;

}

.about-us .tabs-main{

	padding:20px;

}

.about-us .tabs-main{

	margin:0;

}

.about-us .tabs-main .nav-tabs {

	border-radius: 0px;

	top: 0px;

	position: relative;

	margin: 0;

}

.about-us .tabs-main .nav-tabs li a {

	padding: 12px 22px;

}

}



/* Mobile Layout */

@media (max-width: 450px) {

.section-title {

	padding: 0 20px;

}

.breadcrumbs .bread-list {

	padding: 12px 70px;

}

.breadcrumbs h2 {

	color: #fff;

	text-transform: capitalize;

	font-size: 25px;

	padding: 15px 0;

}

.breadcrumbs ul li a{

	font-size:15px;

}

.hero-area .slide-text {

	padding-right: 0%;

}

.hero-area .slide-text.right {

	padding: 0 0 0 0%;

}

.hero-area.creative .slide-text {

	padding: 0 10px;

}

.hero-area.creative .slide-text h1 {

	color: #353535;

	margin: 0;

	line-height: 28px;

	font-size: 25px;

}

.hero-area.animate-text .single-slider .slide-text .btn {

	padding:12px 20px;

	font-size:13px;

}

.hero-area.animate-text .slide-text {

	padding-right: 0%;

}

.projects.single .project-slider #bx-pager a img {

	width: 50px;

	height: 40px;

}

.projects.single .project-slider #bx-pager {

	padding: 5px;

}

.testimonials .testimonial-info .arrow::before {

	left: 46%;

}

.blog-main.archive.single .blog-bottom .share li{

	display:block;

}

.blog-main .single-comments .head {

	width: 30%;

}

.call-to-action h2 {

	font-size: 18px;

}

.call-to-action h2 span{

	font-size:18px;

}

.about-us .tabs-main .nav-tabs li a {

	padding: 10px 15px;

}

.about-us .tabs-main .nav-tabs li a::before{

	display:none;

}

.coming-soon .coming-time {

	padding: 15px;

}

.coming-soon .coming-text h2 {

	font-size: 25px;

}

.coming-soon .coming-text p {

	padding: 0;

}

.coming-soon .cdown span{

	font-size:20px;

}

.coming-soon .subscription-form {

	position: absolute;

	top: 0;

	width: 100%;

	background: #353535;

	left: 0%;

	margin-left: 0px;

	text-align: center;

	padding: 70px 20px;

}

.error-page .error-inner h1 {

	font-size: 100px;

}

.error-page .error-inner h1 span {

	font-size: 35px;

}

}