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

@media (min-width: 992px) and (max-width: 1169px) {
	.header-top-area:after {
		width: 45%
	}
	.slider-text {
		width: 65%
	}
	.promo-icon {
		right: 15px
	}
	.counter-left>h3 {
		margin: 60px 0
	}
	.service-img {
		width: 100%;
		float: none
	}
	.value-left {
		width: 330px
	}
	.value-right>p {
		display: none;
	}
	.blog-text {
		padding: 15px 15px 5px
	}
	.blog-meta>p {
		margin-right: 5px
	}
	.blog-text>h3 {
		font-size: 17px
	}
	.footer-top:after {
		width: 26%
	}
	.ui-timeline .tl-item .tl-body .tl-content:before {
		display: none
	}
	.blog-social-follow a {
		display: block;
		width: 100%
	}
	.single-contact-info {
		-ms-grid-columns: 30% 70%;
		grid-template-columns: 30% 70%
	}
	#main {
		height: 345px;
		width: 500px;
	}
}


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

@media (min-width: 768px) and (max-width: 991px) {
	.header-top-left>p:last-child {
		display: none
	}
	.nav-search.search-trigger {
		padding: 30px 5px 20px
	}
	.mainmenu {
		display: none
	}
	.ekifa-responsive-menu {
		right: -500px
	}
	.ekifa-responsive-menu {
		display: block
	}
	.slider-text {
		margin: 0 auto;
		text-align: center;
		width: 70%;
	}
	.slider-text h2 {
		font-size: 43px
	}
	.single-promo {
		padding: 20px
	}
	.ekifa-main-slide {
		height: 430px
	}
	.value-left {
		width: 330px
	}
	.value-right>p {
		display: none;
	}
	#main {
		padding-left: 50px;
		width: auto
	}
	.ekifa-counter-area:after {
		display: none
	}
	.counter-left {
		text-align: center
	}
	.counter-left>h3 {
		margin: 0 0 30px
	}
	.single-count:after {
		left: -25%
	}
	.single-count>i {
		font-size: 26px;
		top: 8%
	}
	.single-count {
		width: 47%
	}
	.service-img {
		float: none;
		width: 100%
	}
	.try-box-left>h3 {
		font-size: 23px;
		margin: 10px 0
	}
	.query-choose-left {
		margin: 86px 0
	}
	.query-choose-left h3 {
		font-size: 33px;
		line-height: 44px
	}
	.ekifa-query-area:before {
		left: -35%
	}
	.blog-page-left {
		margin: 0 50px;
	}
	.testimonial-slider {
		width: 80%
	}
	.single-footer-widget {
		margin: 20px 0
	}
	.copyright-right {
		display: none
	}
	.copyright-left>p {
		text-align: center
	}
	.about-page-right {
		margin-top: 30px
	}
	.single_project_wrap_left>ul {
		float: none;
		width: 100%
	}
	.promo-icon {
		top: 20px;
		right: 15px
	}
	.ui-timeline .tl-item .tl-body .tl-content:before {
		display: none
	}
	.instagram li {
		width: 15%
	}
	.about-service-box {
		display: block
	}
	.about-service-left {
		margin-right: 0
	}
	.about-service-right {
		margin-top: 30px
	}
	.single-project-image-item {
		margin-bottom: 23px
	}
	.footer-top:after {
		width: 50%
	}
	.project-work-box {
		width: 80%
	}
	.ekifa-faqs-right {
		margin: 50px 50px 0px
	}
	.ekifa-faqs-left {
		margin: 0 50px;
	}
	.single-blog.home-blog {
		margin: 0 50px 30px;
	}
	.pagination_box {
		margin: 0 50px
	}
	.blog-page-right {
		margin: 50px 50px 0
	}
	.blog-social-follow a {
		margin: 1px 0;
		width: 49%
	}
	.blog-thumb-info {
		-ms-grid-columns: 17% 83%;
		grid-template-columns: 17% 83%
	}
	.contact-page-right>form {
		padding: 20px
	}
}


/*================== 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-right>ul {
		text-align: center
	}
	.header-top-right {
		padding: 0 0 13px
	}
	.header-quote-btn {
		display: none
	}
	.header-top-left {
		padding: 15px 0 5px
	}
	.mainmenu {
		display: none
	}
	.ekifa-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
	}
	.ekifa-slider-area .owl-carousel .owl-nav button.owl-next {
		height: 50px;
		line-height: 50px;
		width: 50px;
		font-size: 17px
	}
	.ekifa-slider-area .owl-carousel .owl-nav button.owl-prev {
		height: 50px;
		line-height: 50px;
		width: 50px;
		font-size: 17px
	}
	.ekifa-main-slide {
		height: 380px
	}
	.value-left {
		display: none
	}
	.ekifa-company-value-area {
		background: transparent none repeat scroll 0 0
	}
	#main {
		display: none
	}
	.value-right {
		padding: 80px 0
	}
	.ekifa-counter-area:after {
		display: none
	}
	.counter-left {
		text-align: center
	}
	.counter-left>h3 {
		margin: 0;
		font-size: 24px;
		line-height: 33px
	}
	.single-count {
		width: 100%;
		margin-right: 0;
		margin-top: 30px
	}
	.site-heading {
		width: 100%
	}
	.site-heading>h2 {
		font-size: 36px
	}
	.service-img {
		float: none;
		width: 100%
	}
	.try-box-left,
	.try-box-right {
		text-align: center
	}
	.try-box-right .ekifa-btn {
		float: none
	}
	.try-box-left>h3 {
		font-size: 24px;
		margin-bottom: 30px;
		line-height: 33px
	}
	.portfolio-filter li {
		display: block;
		margin-right: 0;
		margin-top: 5px;
		margin-bottom: 5px
	}
	.query-choose-left {
		margin: 80px 0 0
	}
	.query-choose-left h3 {
		font-size: 30px;
		line-height: normal
	}
	.get-quote-form {
		margin: 30px 0 80px
	}
	.ekifa-query-area:before {
		display: none
	}
	.testimonial-slider {
		width: 100%
	}
	.twitter-post {
		width: 100%
	}
	.single-twite>p {
		font-size: 14px
	}
	.single-footer-widget {
		margin: 30px 0
	}
	.copyright-right {
		display: none
	}
	.copyright-left>p {
		text-align: center
	}
	.breadcrumb-box h2 {
		font-size: 28px
	}
	.breadcrumb-box {
		width: 100%
	}
	.about-page-right {
		margin-top: 30px
	}
	.about-page-right>h3 {
		font-size: 23px;
		line-height: 33px;
	}
	.about-page-right-listing>ul,
	.about-service-right>ul,
	.single_project_wrap_left>ul {
		width: 100%;
		float: none
	}
	.promo-icon {
		right: 10px
	}
	.value-right>h3 {
		font-size: 26px
	}
	.footer-logo img {
		width: 130px
	}
	.ui-timeline:before {
		left: 0
	}
	.ui-timeline .tl-item .tl-body {
		display: block;
		width: 100%
	}
	.ui-timeline .tl-item .tl-caption {
		margin-left: -35px
	}
	.tl-caption>p {
		border-radius: 0 50% 50% 0
	}
	.ui-timeline .tl-item .tl-body .tl-content {
		padding: 20px
	}
	.ui-timeline .tl-item .tl-body .tl-content:before {
		display: none
	}
	.ui-timeline .tl-item.alt {
		text-align: left
	}
	.ui-timeline .tl-item.alt .tl-body .tl-entry {
		margin: 0 0 35px 36px;
	}
	.ui-timeline .tl-item.alt .tl-body .tl-icon {
		left: -48px
	}
	.ui-timeline .tl-item.alt .tl-body .tl-content:after {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: rgba(255, 255, 255, 0.9) rgba(255, 255, 255, 0.9) transparent transparent;
		-o-border-image: none;
		border-image: none;
		border-style: solid;
		border-width: 8px;
		content: "";
		left: -16px;
		right: auto;
		line-height: 0;
		position: absolute;
		top: 0;
	}
	.ui-timeline .tl-item .tl-body .tl-time {
		display: none
	}
	.single-service-left.margin-top {
		margin-top: 30px
	}
	.about-service-box {
		display: block
	}
	.about-service-left {
		margin-right: 0
	}
	.about-service-right {
		margin-top: 30px
	}
	.single-service-widget>h2,
	.single-service-text>h2 {
		font-size: 24px
	}
	.card-header button i {
		background: transparent none repeat scroll 0 0;
		border-left: 0 none;
		color: #27d0ee;
		height: auto;
		line-height: 50px;
		margin: 0;
		position: absolute;
		right: 10px;
		top: 0;
		width: auto;
	}
	.card-header button:hover i {
		background: transparent none repeat scroll 0 0;
		color: #27d0ee
	}
	.footer-top:after {
		display: none
	}
	.no-pad-right {
		padding-right: 15px
	}
	.single-project-image-bg {
		margin-bottom: 15px
	}
	.project-work-box {
		width: 100%
	}
	.faqs-page-top {
		width: 100%
	}
	.faqs-page-top>h2 {
		font-size: 26px
	}
	.faqs-top-search-form form {
		width: 100%
	}
	.ekifa-faqs-right {
		margin-top: 30px
	}
	.notfound-box h1 {
		font-size: 80px;
		line-height: 80px
	}
	.notfound-box h4 {
		font-size: 22px;
		margin: 15px 0
	}
	.login-grid {
		display: block;
		text-align: center
	}
	.login-grid p:last-child {
		text-align: center
	}
	.social-login>h3:after {
		width: 27%
	}
	.social-login>h3:before {
		width: 27%
	}
	.blog-page-right {
		margin-top: 50px
	}
	.blog-social-follow a {
		width: 100%;
		margin: 3px 0;
		display: block
	}
	.blog-text.single-blog-text>h2 {
		font-size: 22px
	}
	.blog-text.single-blog-text>img {
		float: none;
		margin-right: 0;
		width: 100%
	}
	.post-share-right>ul {
		display: inline-block;
		float: none;
		text-align: center;
	}
	.post-share-right {
		text-align: center;
		margin-top: 10px
	}
	.post-share {
		text-align: center
	}
	.single-comment-box.reply-comment {
		margin-left: 30px
	}
	.ekifa-leave-comment input[type="text"],
	.ekifa-leave-comment input[type="email"] {
		width: 100%;
		margin-right: 0
	}
	.ekifa-leave-comment textarea {
		width: 100%
	}
	.single-contact-info {
		display: block;
		margin-bottom: 30px;
	}
	.contact-info-icon span {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	.contact-info-icon {
		float: left;
		width: 30%;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	.contact-page-right {
		margin-top: 30px
	}
	.contact-page-right form .row:first-child .col-md-6:last-child p {
		margin-top: 15px
	}
	.ui-timeline .tl-item:last-child .tl-body .tl-entry {
		margin-bottom: 0 !important;
	}
}


/* ======================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 {
		display: none
	}
	.header-top-left {
		padding: 15px 0 5px
	}
	.mainmenu {
		display: none
	}
	.ekifa-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
	}
	.ekifa-slider-area .owl-carousel .owl-nav button.owl-next {
		height: 50px;
		line-height: 50px;
		width: 50px;
		font-size: 17px
	}
	.ekifa-slider-area .owl-carousel .owl-nav button.owl-prev {
		height: 50px;
		line-height: 50px;
		width: 50px;
		font-size: 17px
	}
	.ekifa-main-slide {
		height: 380px
	}
	.value-left {
		display: none
	}
	.ekifa-company-value-area {
		background: transparent none repeat scroll 0 0
	}
	#main {
		display: none
	}
	.value-right {
		padding: 80px 0
	}
	.ekifa-counter-area:after {
		display: none
	}
	.counter-left {
		text-align: center
	}
	.counter-left>h3 {
		margin: 0;
		font-size: 24px;
		line-height: 33px
	}
	.single-count {
		width: 100%;
		margin-right: 0;
		margin-top: 30px
	}
	.site-heading {
		width: 100%
	}
	.site-heading>h2 {
		font-size: 36px
	}
	.service-img {
		float: none;
		width: 100%
	}
	.try-box-left,
	.try-box-right {
		text-align: center
	}
	.try-box-right .ekifa-btn {
		float: none
	}
	.try-box-left>h3 {
		font-size: 24px;
		margin-bottom: 30px;
		line-height: 33px
	}
	.portfolio-filter li {
		display: block;
		margin-right: 0;
		margin-top: 5px;
		margin-bottom: 5px
	}
	.query-choose-left {
		margin: 80px 0 0
	}
	.query-choose-left h3 {
		font-size: 30px;
		line-height: normal
	}
	.get-quote-form {
		margin: 30px 0 80px
	}
	.ekifa-query-area:before {
		display: none
	}
	.testimonial-slider {
		width: 100%
	}
	.twitter-post {
		width: 100%
	}
	.single-twite>p {
		font-size: 14px
	}
	.single-footer-widget {
		margin: 30px 0
	}
	.copyright-right {
		display: none
	}
	.copyright-left>p {
		text-align: center
	}
	.breadcrumb-box h2 {
		font-size: 28px
	}
	.breadcrumb-box {
		width: 100%
	}
	.about-page-right {
		margin-top: 30px
	}
	.about-page-right>h3 {
		font-size: 23px;
		line-height: 33px;
	}
	.about-page-right-listing>ul,
	.about-service-right>ul,
	.single_project_wrap_left>ul {
		width: 100%;
		float: none
	}
	.promo-icon {
		right: 10px
	}
	.value-right>h3 {
		font-size: 26px
	}
	.footer-logo img {
		width: 130px
	}
	.ui-timeline:before {
		left: 0
	}
	.ui-timeline .tl-item .tl-body {
		display: block;
		width: 100%
	}
	.ui-timeline .tl-item .tl-caption {
		margin-left: -35px
	}
	.tl-caption>p {
		border-radius: 0 50% 50% 0
	}
	.ui-timeline .tl-item .tl-body .tl-content {
		padding: 20px
	}
	.ui-timeline .tl-item .tl-body .tl-content:before {
		display: none
	}
	.ui-timeline .tl-item.alt {
		text-align: left
	}
	.ui-timeline .tl-item.alt .tl-body .tl-entry {
		margin: 0 0 35px 36px;
	}
	.ui-timeline .tl-item:last-child .tl-body .tl-entry {
		margin-bottom: 0 !important;
	}
	.ui-timeline .tl-item.alt .tl-body .tl-icon {
		left: -48px
	}
	.ui-timeline .tl-item.alt .tl-body .tl-content:after {
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: rgba(255, 255, 255, 0.9) rgba(255, 255, 255, 0.9) transparent transparent;
		-o-border-image: none;
		border-image: none;
		border-style: solid;
		border-width: 8px;
		content: "";
		left: -16px;
		right: auto;
		line-height: 0;
		position: absolute;
		top: 0;
	}
	.ui-timeline .tl-item .tl-body .tl-time {
		display: none
	}
	.single-service-left.margin-top {
		margin-top: 30px
	}
	.about-service-box {
		display: block
	}
	.about-service-left {
		margin-right: 0
	}
	.about-service-right {
		margin-top: 30px
	}
	.single-service-widget>h2,
	.single-service-text>h2 {
		font-size: 24px
	}
	.card-header button i {
		background: transparent none repeat scroll 0 0;
		border-left: 0 none;
		color: #27d0ee;
		height: auto;
		line-height: 50px;
		margin: 0;
		position: absolute;
		right: 10px;
		top: 0;
		width: auto;
	}
	.card-header button:hover i {
		background: transparent none repeat scroll 0 0;
		color: #27d0ee
	}
	.footer-top:after {
		display: none
	}
	.no-pad-right {
		padding-right: 15px
	}
	.single-project-image-bg {
		margin-bottom: 15px
	}
	.project-work-box {
		width: 100%
	}
	.faqs-page-top {
		width: 100%
	}
	.faqs-page-top>h2 {
		font-size: 26px
	}
	.faqs-top-search-form form {
		width: 100%
	}
	.ekifa-faqs-right {
		margin-top: 30px
	}
	.notfound-box h1 {
		font-size: 80px;
		line-height: 80px
	}
	.notfound-box h4 {
		font-size: 22px;
		margin: 15px 0
	}
	.login-grid {
		display: block;
		text-align: center
	}
	.login-grid p:last-child {
		text-align: center
	}
	.social-login>h3:after {
		width: 27%
	}
	.social-login>h3:before {
		width: 27%
	}
	.blog-page-right {
		margin-top: 50px
	}
	.blog-social-follow a {
		width: 100%;
		margin: 3px 0;
		display: block
	}
	.blog-text.single-blog-text>h2 {
		font-size: 22px
	}
	.blog-text.single-blog-text>img {
		float: none;
		margin-right: 0;
		width: 100%
	}
	.post-share-right>ul {
		display: inline-block;
		float: none;
		text-align: center;
	}
	.post-share-right {
		text-align: center;
		margin-top: 10px
	}
	.post-share {
		text-align: center
	}
	.single-comment-box.reply-comment {
		margin-left: 30px
	}
	.ekifa-leave-comment input[type="text"],
	.ekifa-leave-comment input[type="email"] {
		width: 100%;
		margin-right: 0
	}
	.ekifa-leave-comment textarea {
		width: 100%
	}
	.single-contact-info {
		display: block;
		margin-bottom: 30px;
		overflow: hidden
	}
	.contact-info-icon span {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	.contact-info-icon {
		float: left;
		width: 30%;
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	.contact-page-right {
		margin-top: 30px
	}
	.contact-page-right form .row:first-child .col-md-6:last-child p {
		margin-top: 15px
	}
	.instagram li {
		width: 17%
	}
	.contact-info-text {
		float: right;
		margin-left: 0;
		overflow: hidden;
		width: 65%;
	}
}