/* 


File:           CSS Base
Version:        1.0.1
Last change:     
Author:        HTMLmate

*/

/*-------- css code for responsive layout  --------*/
/*  To make Responsive
---------------------------------------------------------------------- /
*   1 - media screen and (max-width: 1199px)
*   2 - media screen and (max-width: 991px)
*   3 - media screen and (max-width: 767px)
*   4 - media screen and (max-width: 680px)
*   5 - media screen and (max-width: 480px)
*
---------------------------------------------------------------------- /



/*  1 - media screen and (max-width: 1199px)
------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1199px) { 
	#main-menu nav {
		width: 55%
	}
	.maxvid-banner-content {
		width: 970px;
	}
	.achivment-left-img .owl-controls {
		left: -17px;
	}
	.contact-comment-info input {
		width: 60%;
	}

}

/*  1 - media screen and (max-width: 991px)
------------------------------------------------------------------------------------------ */
@media screen and (max-width: 991px) { 
	.mean-container .mean-bar {
		position: static;
	}
	.main-menu .container {
		position: relative;
	}
	#main-nav {
		display: none;
	}
	.navbar-default {
		width: 100%;
		text-align: right;
		position: absolute;
	}
	.main-menu-container.menu-bg-overlay {
		padding-top: 5px;
		padding-bottom: 0;
	}
	.video-section-content {
		padding: 0 110px;
	}
	#main-menu nav {
		width: 100%;
	}
	.main-menu-container {
		padding-top: 32px;
	}
	.try-now-btn {
		position: absolute;
		top: 8px;
		right: 30px;
	}
	.menu-button {
	    margin-top: 24px;
	    margin-right: 95px;
	}
	.mean-container a.meanmenu-reveal {
	    z-index: 1;
	}
	.navbar-default .navbar-brand {
		margin-top: 10px;
	}
	header .menu-item-has-children .menu-item-has-children:after,
	header .menu-item-has-children:after {
		display: none;
	}
	.mean-container .mean-nav ul li a.mean-expand:hover {
	    background: transparent;
	}
	.video-banner-bg  {
		max-width: 570px;
		margin-top: 50px;
	}
	.mean-container .mean-nav ul ul li a.mean-expand {
	    margin-top: -14px;
	}
	.colmd4 {
		margin: 0 auto 35px auto;
	}
	.achivment-left-img .owl-controls {
		left: -30px;
	}
	.achivment-left {
		margin-bottom: 35px;
	}
	.service-section .section-padding {
		padding-bottom: 40px;
	}
	.achivment-section .section-padding {
		padding-bottom: 50px;
	}
	.contact-comment-info input {
		width: 100%;
		margin: 25px 0px;
	}
	.colmd3 {
		margin: 0 auto 30px auto;
	}
	.footer-area-brand {
		padding-top: 0;
	}
	.footer-area-section .section-padding {
		padding-bottom: 50px;
	}
	.item-wrap {
		/*margin: 10px;*/
	}
	.service-single-right-content  {
		margin-left: 0;
		margin-left: 0;
		padding: 0px 15px;
	}
	.service-single-list {
		padding: 0px 15px 0px 0px;
	}
	.service-single-right-list .section-title {
		margin-top: 20px;
	}
	.achivment-left {
	    margin-top: 30px;
	    margin-left: 0;
	}
}

@media screen and (max-width: 882px) { 
	.try-now-btn {
		position: absolute;
		top: 10px;
		right: 30px;
	}
}
/*  1 - media screen and (max-width: 767px)
------------------------------------------------------------------------------------------ */
@media screen and (max-width: 767px) { 
	.navbar-header {
	    float: left;
	    display: inline-block;
	}
	.maxvid-banner-content {
	    top: 15%;
	    left: 50%;
	    width: auto /* margin: 0 auto; */;
	    width: 100%;
	    transform: translateX(-50%);
	}
	.maxvid-banner-section {
		padding-bottom: 630px;
	}
	.maxvid-banner-content {
	    text-align: center;
	}
	.banner-title-text {
	    margin: 0 auto;
	}
	.video-banner-img {
	    max-width: 400px;
	    margin: 0 auto;
	    float: none;
	    padding-left: 0;
	}
	.container {
		padding: 0px 30px;
	}
	.content-title h3,
	.content-price {
		font-size: 28px;
	}
	.counter-item {
		max-width: 270px;
		margin: 0 auto;
		text-align: center;
	}
	.achivment-section .view-button {
		text-align: center;
	}
	.portfolio-tab-button {
	    float: left;
	}
	.nav-gallery li {
	    margin-left: 0;
	    padding-right: 15px;
	}
	.filtr.filtr-active:before {
	    right: 5px;
	}
	.item-grid {
		width: 50%;
		float: left;
	}
	.portfolio-tab-text-pic .item-wrap .maxvid-play-icon a i, 
	.portfolio-tab-text-pic .item-wrap .maxvid-play-icon a {
	    font-size: 34px;
	}
	.portfolio-section .maxvid-play-icon, 
	.service-single-right-img .maxvid-play-icon {
	    line-height: 38px;
	}
	.footer-service-link,  
	.contact-details  {
		margin-top: 20px;
		margin-bottom: 25px;
	}
	.contact-details  {
		max-width: 270px;
	}
	.copy-right-text {
		padding-top: 15px;
		text-align: left !important;
	}
	.get-start-content .section-title {
		margin-top: 100px;
	}
	.get-start-section .maxvid-play-icon {
		top: inherit;
	}
	.get-start-section .browse-btn {
		margin-top: 30px;
	}
	.progress-item-list {
		width: 30%;
		margin-bottom: 25px;
	}
	.our-pricing {
	    padding: 30px 15px 40px 15px;
	}
	.main-menu-container.tbg.navbar-fixed-top.menu-bg-overlay .mean-container a.meanmenu-reveal {
		top: 20px;
	}
	.main-menu-container.tbg.navbar-fixed-top.menu-bg-overlay .navbar-default .navbar-brand {
	    margin-top: 5px;
	}
	.global-box-shadow-2 {
	    box-shadow: none;
	}
	.browse-btn, .contact-comment-info button, .contact-area-form button, .comment-drop-box button, .vcsb {
		height: 50px;
    	width: 150px;
    	line-height: 50px;
	}
	.footer-area-section,
	.newaletter-section,
	.section-head {
	    max-width: 400px;
	    margin: 0 auto;
	}
	/*---------------------------
	---------Margin setting----------
	-----------------------------*/
	.mt100 {margin-top: 60px;}
	.mt70 {margin-top: 45px;}
	.mt40 {margin-top: 25px;}
	.mt10 {margin-top: 7px;}
	.mt5 {margin-top: 3px;}
	.mt15 {margin-top: 10px;}
	.mt30 {margin-top: 20px;}
	.mb15 {margin-bottom: 10px;}
	.mb25 {margin-bottom: 15px;}
	.mb30 {margin-bottom: 20px;}
	.mb40 {margin-bottom: 25px;}
	.mb45 {margin-bottom: 28px;}
	.mb75 {margin-bottom: 45px;}
	.mr30{margin-right: 20px;}
	.mr35{margin-right: 23px;}
	.ml5{margin-left: 3px;}
	.ml70{margin-left: 45px;}
	.mr10 {margin-right: 7px;}
	.mr15 {margin-right: 10px;}
	.mr20 {margin-right: 15px;}

	/*---------------------------
	---------Padding setting----------
	-----------------------------*/
	.pt10 {padding-top: 7px;}
	.pt20 {padding-top: 15px;}
	.pb10 {padding-bottom: 7px;}
	.pb15 {padding-bottom: 10px;}
	.pb30 {padding-bottom: 20px;}
	.pb40 {padding-bottom: 25px;}
	.pb50 {padding-bottom: 30px;}
	.pb90 {padding-bottom: 50px;}
	.pt90 {padding-top: 50px;}
	.pt80 {padding-top: 40px;}
	.pt60 {padding-top: 35px;}
	.pt40 {padding-top: 25px;}
	.pt20 {padding-top: 15px;}
	.p0 {padding: 0;}
	.pl15 {padding-left: 10px;}
	.section-padding {
	    padding: 50px 0px;
	}
}


@media screen and (max-width: 703px) { 
	.admin-bar .main-menu-container {
	    padding-top: 45px;
	}
	.main-menu-container {
	    padding-top: 5px;
	}
	.main-menu-container.tbg.navbar-fixed-top.menu-bg-overlay {
	    margin-top: 0;
	}
	.item-wrap.relative-position.video-frame {
	    height: 200px;
	}
}

/*  1 - media screen and (max-width: 680px)
------------------------------------------------------------------------------------------ */
@media screen and (max-width: 680px) { 
	.portfolio-section .maxvid-play-icon a i {
	    font-size: 30px;
	}
	.portfolio-section .maxvid-play-icon, .service-single-right-img .maxvid-play-icon {
	    height: 40px;
	    width: 40px;
	    border-radius: 100%;
	    border: 2px solid #ffffff;
	    margin: 0 auto;
	    line-height: 40px;
	}
	.section-padding {
	    padding: 50px 0px;
	}
	.banner-title {
		font-size: 36px;
	}
	.try-now-btn {
		height: 40px;
		width: 130px;
		line-height: 30px;
		margin-top: 17px;
	}
	.main-menu-container.menu-bg-overlay {
		padding-top: 5px;
	}
	.mean-container .mean-bar {
		padding: 0;
	}
	.contact-info {
		width: 97%;
	}
	.error-text h2 {
		font-size: 100px;
	}
	.error-dec-text {
		font-size: 28px;
	}
	.maxvid-share {
	    width: 100%;
	    margin-top: 15px;
	}
	.contact-info-details {
	    padding: 20px 25px 30px;
	}
	.error-section {
	    padding: 45px 0px 70px;
	}
}


/*  1 - media screen and (max-width: 620px)
------------------------------------------------------------------------------------------ */
@media screen and (max-width: 520px) { 
	.menu-button {
	    margin-right: 0;
	}
	.maxvid-banner-section {
		padding-bottom: 750px;
	}
	.video-section-title h1 {
	    font-size: 34px;
	}
	.navbar-default {
		width: 80%;
	}
	.video-banner-bg {
		max-width: 300px;
		margin: 0 auto;
	}
	.maxvid-banner-section.v2 .video-banner-bg {
		max-width: 370px;
	}
	.ml70 {
	    margin-left: 0;
	}
	.video-section-content {
	    padding: 0 90px;
	}
}

/*  1 - media screen and (max-width: 420px)
------------------------------------------------------------------------------------------ */
@media screen and (max-width: 420px) { 
	.maxvid-banner-section {
		padding-bottom: 550px;
	}
	.banner-title {
		font-size: 26px;
	}
	.video-banner-bg {
		margin-top: 30px;
	}
	.navbar-header {
		width: 50%;
	}
	.navbar-default {
		width: 72%;
	}
	.section-padding {
		padding: 55px 0px;
	}
	.pt90 {
		padding-top: 45px;
	}
	.mt40 {
		margin-top: 30px;
	}
	.counter-item {
		margin-bottom: 25px;
	}
	.portfolio-section .section-title {
		float: none !important;
	}
	.flr {
		float: none !important;
	}
	.nav-gallery li {
		margin-left: 0;
		margin-right: 10px;
		margin-bottom: 7px;
	}
	.item-grid {
		width: 100%;
	}
	.pt80 {
		padding-top: 45px;
	}
	.portfolio-section {
		padding: 55px 0px 15px;
	}
	.service-title-head {
		font-size: 20px;
	}
	.service-text-icon {
		padding: 20px;
	}
	.achivment-left-img {
		max-width: 350px;
	}
	.contact-comment-info button {
		height: 45px;
		line-height: 45px;
		width: 150px;
	}
	.newaletter-section-content {
		padding: 30px 15px;
	}
	.featured-title-head {
		font-size: 24px;
	}
	.featured-section .section-padding {
		padding-bottom: 15px;
	}
	.testimonial-pic-text {
		padding: 25px 15px;
	}
	.achivment-section .view-button {
		margin-top: 15px;
	}
	.mb75 {
		margin-bottom: 35px;
	}
	.section-title-text {
		font-size: 16px;
	}
	.achivement-right .section-title-head,
	.section-title-head {
		font-size: 24px;
		line-height: 25px;
	}
	.testimonial-slide .owl-controls {
		top: -60px;
	}
	.slider-bg-1, .slider-bg-2 {
		padding-bottom: 530px;
	}
	.slick-prev:before, .slick-next:before {
		font-size: 30px;
	}
	.slick-next {
		right: 35px;
	}
	.slick-prev {
		left: 20px;
	}
	.video-section-title h1 {
		font-size: 35px;
	}
	.get-start-content .section-padding {
		padding: 80px 0px;
	}
	.get-start-section .section-title-head {
		line-height: 33px;
	}
	.maxvid-banner-section.v2 {
		padding-bottom: 700px;
	}
	.breadcrum-section {
		padding-bottom: 280px;
	}
	.breadcrum-title-head {
		font-size: 28px;
	}
	.pb30 {
		padding-bottom: 15px;
	}
	.aminities-section .featured-icon-text {
		margin-bottom: 0px;
	}
	.footer-service-link,
	.contact-details {
		margin-top: 15px;
	}
	.footer-area-brand {
		margin-bottom: 20px;
	}
	.progress-item-list {
		width: 100%;
		margin-top: 25px;
		margin-bottom: 0;
	}
	.progress-item-icon:after {
		display: none;
	}
	.progress-text span {
		font-size: 18px;
	}
	.blog-single-head {
		font-size: 22px;
		line-height: 30px;
	}
	.reply-meta {
		float: none !important;
		display: block;
	}
	.achivment-left-img .owl-controls {
		left: 50%;
	    top: auto;
	    bottom: -31px;
	    padding-top: 5px;
	    transform: translateX(-50%);
	}
	.achivment-left-img .owl-dot {
		float: left;
    	margin: 3px;
	}
	.item-wrap.relative-position.video-frame {
	    height: 215px;
	}
	.menu-button {
		display: none;
	}
}
@media screen and (max-width: 375px) {  
	.banner-title-text {
		max-width: 280px;
	}
	.try-now-btn {
		width: 90px;
	}
	.achivment-left-img .owl-controls {
		bottom: 0;
		top: inherit;
		left: 0;
		transform: inherit;
		text-align: center;
		right: 0;
		text-align: center;
	}
	.achivment-left-img .owl-dot {
		display: table;
		bottom: -40px;
		margin: 5px;
		float: left;
	}
	.item-wrap:hover .project-description, 
	.item-wrap:hover .experties-name-designation {
		left: 10px;
	}
	.project-description h3 {
		font-size: 20px;
	}
	.mr30 {
		margin-right: 15px;
	}
	.client-ratting {
		float: none !important;
	}
	.ratting-number {
		font-size: 30px;
	}
	.client-ratting {
		float: left !important;
		text-align: left;
		margin-right: 15px;
	}
	.try-now-btn {
		display: none;
	}
	.navbar-header {
		width: 65%;
	}
	.testimonial-slide .owl-controls {
		margin-top: 15px;
		text-align: center;
		position: inherit;
		top: inherit;
	}
	.achivment-left-img {
		max-width: 315px;
	}
	.maxvid-banner-section.v2 .video-banner-bg {
		max-width: 295px;
	}
	.maxvid-banner-section.v2  .video-banner-img {
		margin-left: 0;
	}
	.item-wrap.relative-position.video-frame {
	    height: 197px;
	}
}
@media screen and (max-width: 320px) {  
	.blog-meta li {
		margin-right: 10px;
	}
}