/*================ Normal desktop :992px.==================== */

@media (min-width: 992px) and (max-width: 1199px) {
	.mainmenu ul li a{
		font-size: 13px
	}
	.header-top-area:after {
		width: 50%
	}
	.slider-text {
		width: 65%
	}
	
}


/*================ Tablet desktop :768px.==================*/

@media (min-width: 768px) and (max-width: 991px) {
	.header-quote-btn>a {
		margin-top: 20px
	}
	.header-top-right li a {
		margin-top: 20px
	}
	.nav-search.search-trigger {
		padding: 30px 5px 20px
	}
	.mainmenu {
		display: none
	}
	.builda-responsive-menu {
		right: -500px
	}
	.builda-responsive-menu {
		display: block
	}
	.slider-text {
		margin: 0 auto;
		text-align: center;
		width: 70%;
	}
	.slider-text h2 {
		font-size: 43px
	}
	.single-promo {
		padding: 20px
	}
	.builda-main-slide {
		height: 430px
	}
}


/*================== small mobile :320px. ===================*/

@media (max-width: 767px) {
	.header-top-area:after {
		display: none
	}
	.header-top-left {
		text-align: center;
	}
	.header-top-left>p {
		margin-bottom: 5px;
		margin-right: 0;
		display: block
	}
	.header-top-left p i {
		color: #fff;
		margin-right: 3px;
	}
	.header-top-right>ul {
		text-align: center
	}
	.header-top-right {
		padding: 0 0 13px
	}
	.header-quote-btn {
		padding: 5px 20px;
	}
	.header-top-left {
		padding: 15px 0 5px
	}
	.mainmenu {
		display: none
	}
	.builda-responsive-menu {
		display: block
	}
	.site-logo img {
		width: 150px;
	}
	.search-box {
		display: none
	}
	.slider-text {
		text-align: center;
		width: 100%
	}
	.slider-text h2 {
		font-size: 35px;
		line-height: normal
	}
	.builda-slider-area .owl-carousel .owl-nav button.owl-next {
		height: 50px;
		line-height: 50px;
		width: 50px;
		font-size: 17px
	}
	.builda-slider-area .owl-carousel .owl-nav button.owl-prev {
		height: 50px;
		line-height: 50px;
		width: 50px;
		font-size: 17px
	}
	.builda-main-slide {
		height: 380px
	}
	.single-review-responsive {
		margin-top: 45px !important;
	}
	.portfolio-filter li {
		display: block;
		margin-right: 0;
		margin-top: 5px;
		margin-bottom: 5px
	}
	.quote-left h3 {
		font-size: 18px;
	}
	.quote-right {
		text-align: center;
		margin-top: 10px;
	}
	.single-about-icon-font p {
		margin-top: 10px;
	}
	.about-right-top {
		margin-top: 25px;
	}
	.team-responsive {
		text-align: center;
	}
	.single-footer h3 {
		margin-top: 20px;
	}
	.team-img {
		margin-top: 20px;
	}
	.email input {
		margin-top: 15px;
	}
}


/* ======================Large Mobile :480px.================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.header-top-area:after {
		display: none
	}
	.header-top-left {
		text-align: center;
	}
	.header-top-left>p {
		margin-bottom: 5px;
		margin-right: 15px;
		display: inline-block
	}
	.header-top-right>ul {
		text-align: center
	}
	.header-top-right {
		padding: 0 0 13px
	}
	.header-quote-btn {
		padding: 5px 50px;
	}
	.header-top-left {
		padding: 15px 0 5px
	}
	.mainmenu {
		display: none
	}
	.builda-responsive-menu {
		display: block
	}
	.site-logo img {
		width: 150px;
	}
	.search-box {
		display: none
	}
	.slider-text {
		text-align: center;
		width: 100%
	}
	.slider-text h2 {
		font-size: 35px;
		line-height: normal
	}
	.builda-slider-area .owl-carousel .owl-nav button.owl-next {
		height: 50px;
		line-height: 50px;
		width: 50px;
		font-size: 17px
	}
	.builda-slider-area .owl-carousel .owl-nav button.owl-prev {
		height: 50px;
		line-height: 50px;
		width: 50px;
		font-size: 17px
	}
	.builda-main-slide {
		height: 380px
	}
	.email input {
		margin-top: 15px;
	}
}


/* ======================Too Small Mobile :280px.================== */

@media only screen and (min-width: 280px) and (max-width: 479px) {
	.single-contact-info .contact-info-icon {
		display: block;
		width: 70px;
		height: 70px;
		line-height: 40px;
		border: 1px solid #fff;
		border-radius: 0 25px;
		font-size: 14px;
		color: #fff;
		margin: 10px 30px !important;
		transition: all .4s ease 0s;
	}
	.single-contact-info .contact-info-icon i.fa {
		margin-top: 35%;
		margin-left: 42%;
		font-size: 15px;
	}
	.single-contact-info .contact-info-text {
		margin-top: 10px;
		margin-left: 30px;
	}
	.single-contact-info .contact-info-text h4 {
		font-size: 16px;
	}
	.single-contact-info .contact-info-text p {
		font-size: 13px;
	}
	.email input {
		margin-top: 15px;
	}
}