/* 1. XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {
	.portfolio-overly {
		left: 35px;
	}
	.portfolio-item:hover .portfolio-overly {
		bottom: 35px;
	}
	.who-sec-right-bg,
	.who-sec-left-bg {
	    background-size: cover;
	}
}

@media screen and (min-width: 992px) {
	main.fixed-footer-body {
		z-index: 1;
		position: relative;
		background-color: #fff;
	}
	.footer-bg.fixed-footer {
	    position: fixed;
	    bottom: 0;
	    width: 100%;
	}
	.fixed-footer-height-fix {
		height: 490px;
	}
}

/* 2. LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
	.menu-tigger {
	    margin-left: 10px;
	}
	.slider-active .slick-arrow.slick-next {
	    right: 10px;
	    left: auto;
	}
	.slider-active:hover .slick-arrow{opacity: 1;}
	.slider-active .slick-arrow {
	    left: 10px;
	    opacity: 0;
	}
	.text-center .center-title p {
		padding: 0 15px;
	}
	.footer-cta li {
		font-size: 16px;
	}
	.pricing-box {
		padding: 50px 20px;
	}
	.about-content {
		padding: 10px 30px;
	}
	.portfolio-overly {
		left: 25px;
	}
	.portfolio-item:hover .portfolio-overly {
		bottom: 25px;
	}
	.shop-item:hover .shop-overly {
		bottom: 23%;
	}
	.blog-content {
		padding: 18px;
	}
	.widget {
		padding: 20px;
	}
	.rc-post-content {
		padding: 0;
	}
	.blog-details-img {
		margin-bottom: 23px;
	}
	.contact-cta {
		padding: 0 30px;
	}
	.services-img.large-img img {
		width: 100%;
	}
	.services-content {
		margin-bottom: 0;
	}
	.testimonail-padding {
		padding-bottom: 160px;
	}
	.best-services-p {
		padding-bottom: 86px;
	}
	.fixed-footer-height-fix {
	    height: 509px;
	}
	.who-sec-right-bg,
	.who-sec-left-bg {
	    background-size: cover;
	}
	.author-info {
	    width: 60%;
	}
}


/* 3. MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	header.header-default .menu-area {
		padding-top: 15px;
		padding-bottom: 0px;
	}
	header.home-three-header .menu-area {
	    padding-top: 12px;
	}
	.header-two .menu-area {
		padding-top: 13px;
	}
	.menu-tigger {
	    margin-left: 5px;
	}
	.mean-container .mean-nav ul li.menu-item-has-children > a.dropdown-toggle {
		width: 94.4%;
	}
	.header-default .mean-container a.meanmenu-reveal {
		top: 3px;
	}
	.mean-container .mean-bar {
		margin-top: -10px;
	}
	.dropdown-toggle::after {
		display: none;
	}
	.slider-content.slider-three-content {
	    padding-top: 60px;
	}
	.slider-active .slick-arrow.slick-next {
	    right: 10px;
	    left: auto;
	}
	.slider-active:hover .slick-arrow{opacity: 1;}
	.slider-active .slick-arrow {
	    left: 10px;
	    opacity: 0;
	}
	.slider-content.slider-two-content {
	    padding-top: 20px;
	}
	.area-padding {
		padding: 0;
		padding-left: 0;
	}
	.who-sec-right-bg, .who-sec-left-bg {
	    background-size: cover;
	}
	.who-we-are-faq-full-section .section-title {
		padding-left: 0;
	}
	.who-we-are-faq-full-section .vc_tta-panels-container {
		padding-left: 0;
	    padding-bottom: 0;
	}
	.who-we-are-skill-full-section .section-title {
	    padding-top: 25px;
	}
	.who-we-are-skill-full-section .vc_progress_bar {
	    padding-bottom: 0;
	}
	.skill-wrapper {
		padding: 0;
		padding-right: 0;
	}
	.slider-two-content p {
		padding: 0 50px;
	}
	.revers-loop > .row:nth-child(2n) > .col-lg-6:first-child {
		order: 0;
	}
	.faq-form input {
		padding: 13px 36px;
	}
	.shop-item:hover .shop-overly {
		bottom: 21%;
	}
	.blog-details-img {
		margin-bottom: 23px;
	}
	.blog-inner-blog p:last-child {
		margin-bottom: 25px;
	}
	.blog-shape::before {
		right: 0;
	}
	.services-img.large-img img {
		width: 100%;
	}
	.services-img.large-img {
		margin-left: 0px;
	}
	.mockup-img-right-text {
	    padding-top: 0;
	    padding-bottom: 62px;
	}
	.about-thumb,
	.services-img {
	    text-align: center !important;
	}
	.faq-margin{margin-bottom: 90px;}
	.testimonail-padding {
		padding-bottom: 160px;
	}
	.services-padding {
		padding-bottom: 90px;
		padding-top: 90px;
	}
	.best-services-p {
		padding-bottom: 100px;
	}
	.best-services-pt {
		padding-top: 90px;
	}
	.contact-info-wrap .vc_col-sm-4,
	.vc_custom_1545717340620 .vc_col-sm-4,
	.vc_custom_1545714597004 .vc_col-sm-4 {
		width: 50%;
	}
	.who-sec-right-bg, .who-sec-left-bg {
		display: none;
	}
	.cta-bg {
		padding-bottom: 75px;
	}
	.blog-area-pt {
		padding-top: 90px;
	}
	.sidebar-blog {
	    margin-top: 70px;
	}
	.blog-details .blog-post-content.order-12,
	.service-details .order-12 {
		order: 0;
	}
	.footer-widget-heading h5{
		margin-bottom: 18px !important;
	}
}

@media (max-width: 991px) {
	.slider-active .slick-dots {
		bottom: 10px;
	}
	.project-details .row .order-12 {
		order: 0;
	}
	.project-status {
		margin-top: 68px;
	}
	.project-details-btn {
		margin-top: 60px;
    	margin-bottom: 40px;
	}
	.project-status.service-details-sidebar {
		margin-top: 78px;
	}
	.project-status.service-details-sidebar {
	    margin-bottom: 40px;
	}
}


/* 4. Small Device :782px */
@media screen and (max-width: 782px) {
	.admin-bar .home-three-header,
	.admin-bar .sticky-menu {
	    top: 46px;
	}
	.admin-bar .header-two .menu-area {
	    padding-top: 25px;
	}
	.header-two.sticky-menu .menu-area {
	    padding-top: 11px !important;
	}
	.footer-widget-heading h5{
		margin-bottom: 18px !important;
	}
}

/* 5. Extra small Device : 767px */
@media (max-width: 767px) {
	.logo a {
	    padding-top: 15px;
	}
	.menu-tigger {
	    margin-left: 5px;
	}
	.mean-container a.meanmenu-reveal {
		margin-top: -40px;
	}
	.home-three-header .mean-container a.meanmenu-reveal {
	    margin-top: -30px;
	}
	.mean-container .mean-nav {
	    margin-top: 20px;
	}
	.mean-container .mean-nav ul li.menu-item-has-children > a.dropdown-toggle {
		width: 94.4%;
	}
	.home-three-header .logo a {
	    padding-top: 0;
	    margin-bottom: 0;
	    padding-bottom: 0;
	}
	.dropdown-toggle::after {
		display: none;
	}
	.slider-content {
	    padding-bottom: 15px;
	}
	.slider-content.slider-two-content {
	    padding-top: 70px;
	    padding-bottom: 0;
	}
	.area-padding {
		padding: 0;
		padding-left: 0;
	}
	.skill-wrapper {
		padding: 0;
		padding-right: 0;
	}
	.who-we-are-faq-full-section {
	    padding-bottom: 60px;
	}
	.menu-area {
		padding-top: 10px;
		padding-bottom: 0px;
	}
	header.header-default .menu-area {
		padding-top: 20px;
	}
	.home-three-header .menu-area {
	    padding-top: 20px;
	}
	.admin-bar .header-two .menu-area {
		padding-top: 24px;
	}
	.mean-container a.meanmenu-reveal {
		top: -9px;
	}
	header.header-default .mean-container a.meanmenu-reveal {
		top: 0;
	}
	.header-two .mean-container a.meanmenu-reveal { 
		top: -5px;
	}
	.post-navigation span.previous-post, .post-navigation span.next-post{
		width: 100%;
		text-align: center;	
	}
	.mockup-img-right-text {
	    padding-top: 0;
	    padding-bottom: 62px;
	}
	.single-main-slider {
	    padding-top: 150px;
	    padding-bottom: 165px;
	}
	.slider-content h1 {
		font-size: 42px;
		padding-right: 0;
		line-height: 48px;
	}
	.slider-active .slick-arrow {
		left: 15px;
	}
	.slider-active .slick-next {
	    right: 15px;
	    left: auto;
	}
	.section-title h1 {
		font-size: 31px;
	}
	.text-center .center-title p {
		padding: 0;
	}
	.slider-content p {
		padding-right: 0px;
	}
	.services-content ul li {
		overflow: hidden;
		display: block;
	}
	.services-content ul li i {
		float: left;
		width: 20px;
	}
	.about-thumb,
	.services-img {
	    text-align: center !important;
	}
	.slider-two-content p {
		padding: 0px;
	}
	.slider-two-content span {
		font-size: 32px;
	}
	.slider-two-content h1 {
		font-size: 35px;
	}
	.slider-btn.slider-two-btn .btn {
		margin-bottom: 20px;
	}
	.query-form-wrap {
		padding: 80px 50px;
	}
	.vc_row.section-element.revers-loop .vc_col-sm-6:first-child {
		order: 12;
	}
	.about-content {
		padding: 30px 27px;
	}
	.vc_col-sm-6.who-we-are-faq {
	    margin-top: 50px;
	}
	.faq-img {
		position: unset;
	}
	.who-we-are-skill-full-section {
	    background-color: #f4f7fc;
	}
	.who-sec-right-bg, .who-sec-left-bg {
		display: none;
	}
	.who-we-are-faq-full-section .section-title {
	    padding-left: 0;
	}
	.who-we-are-faq-full-section .vc_tta-panels-container {
		padding-left: 0;
	    padding-bottom: 0;
	}
	.who-we-are-skill-full-section .vc_progress_bar {
	    padding-bottom: 0px;
	}
	.who-we-are-skill-full-section .section-title {
	    padding-top: 55px;
    	padding-right: 0;
	}
	.who-we-are-skill-full-section .vc_progress_bar {
	    padding-bottom: 100px;
	}

	.who-we-are-faq .section-title.second-home-title {
		padding-top: 0;
		max-width: 100%;
	}
	.who-we-are-faq .vc_tta-container {
		max-width: 100%;
	}
	.counter-border-last, .counter-border {
	    padding: 15px 0;
	    border-right: 0;
	}
	.cta-text {
	    padding-bottom: 30px;
	}
	.cta-button,
	.cta-text {
		text-align: center;
	}
	.cta-button {
		padding-top: 0;
	}
	.video-area {
		padding-top: 150px;
		padding-bottom: 150px;
	}
	.vc_col-sm-4.video-btn-linear.text-center {
	    margin-top: -20px;
	    padding-bottom: 50px;
	}
	.testimonial-revers-loop > .row:nth-child(2n) > .col-lg-4:first-child {
		order: 0;
	}
	.pricing-box {
		padding: 50px 20px;
	}
	.error-img img {
		width: 100%;
	}
	.error-content h1 {
		font-size: 25px;
	}
	.error-content p {
		font-size: 15px;
	}
	.faq-form input {
		padding: 13px 36px;
	}
	.portfolio-overly {
		left: 25px;
	}
	.portfolio-item:hover .portfolio-overly {
		bottom: 25px;
	}
	.project-status {
		padding: 25px 15px;
	}
	.shop-item:hover .shop-overly {
		bottom: 23%;
	}
	.blog-active .slick-arrow, 
	.team-active .slick-arrow {
		top: 105%;
		display: none !important;
	}
	.blog-btn {
		margin-bottom: 30px;
	}
	.rc-post-content {
		padding: 0;
	}
	.blog-details-img {
		margin-bottom: 23px;
	}
	.blog-inner-blog p:last-child {
		margin-bottom: 25px;
	}
	.blog-meta-info ul li {
		margin-right: 10px;
	}
	.blog-inner-blog ul li {
		overflow: hidden;
		display: block;
	}
	.blog-inner-blog ul li i {
		float: left;
		width: 20px;
	}
	.contact-cta {
		justify-content: unset;
		padding: 0 30px;
	}
	.blog-shape::before {
		right: 0;
	}
	.services-content {
	    margin-bottom: 30px;
	}
	.services-img.large-img img {
		width: 100%;
	}
	.services-img.large-img {
		margin-left: 0px;
	}
	.services-padding {
		padding-bottom: 90px;
		padding-top: 90px;
	}
	.faq-margin{margin-bottom: 90px;}
	.testimonail-padding {
		padding-bottom: 160px;
	}
	.mockup-img-right-text {
	    padding-top: 0;
	    padding-bottom: 55px;
	}
	.testimonial-nav {
		margin-left: 0;
		padding-top: 30px;
	}
	.best-services-p {
		padding-bottom: 100px;
	}
	.cta-bg {
		padding-bottom: 75px;
	}
	.best-services-pt {
		padding-top: 90px;
	}
	.counter-area {
	    padding: 70px 0 82px;
	}
	.counter-area.home-three-counter {
		padding-top: 0;
		padding-bottom: 65px;
	}
	.single-counter-wrap.counter-three-wrap {
	    margin-bottom: 15px;
	}
	.home3-counter .single-counter-wrap .counter {
		line-height: 40px;
	}
	.home3-counter .vc_col-sm-6.vc_col-lg-3.vc_col-md-3:last-child .single-counter-wrap.counter-three-wrap {
		margin-bottom: 0;
	}
	.breadcrumb-area {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.page-title h1 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	.blog-area-pt {
		padding-top: 90px;
	}
	.blog-thumb img {
		width: 100%;
		height: auto;
	}
	.sidebar-blog {
		margin-top: 70px;
	}
	.sidebar-blog.sidebar-left {
		margin-top: 0;
	}
	.vc_row.section-element.who-we-are-skill .vc_col-sm-6:first-child {
		order: 12;
	}
	.our-client-page .row:nth-child(2) .order-12,
	.our-client-page .row:nth-child(4) .order-12,
	.blog-details .blog-post-content.order-12,
	.service-details .order-12 {
		order: 0;
	}
	.slider-content span {
	    font-size: 32px;
	}
	.post-navigation .post-previous {
	    margin-bottom: 30px;
	}
	.post-navigation .post-next h4 {
	    text-align: left;
	}
	.post-navigation .post-next a {
	    text-align: left;
	}
	.post-navigation span.previous-post, 
	.post-navigation span.next-post {
	    padding: 10px;
	}
	.author-info {
	    width: 100%;
	}
	.signature {
		float: left;
	    margin-top: 25px;
	}
	.footer-wrapper {
		margin-bottom: 8px;
	}
	.footer-widget-heading h5{
		margin-bottom: 18px !important;
	}

	.woocommerce ul.products[class*=columns-] li.product, 
	.woocommerce-page ul.products[class*=columns-] li.product {
	    width: 100%!important;
	    margin-bottom: 0 !important;
	}

}

/* 6. Extra small Device : 600px */
@media (max-width: 600px) {
	.admin-bar .home-three-header{
		top: 32px;
	}
	.admin-bar .sticky-menu {
	    top: -1px;
	}
	.home-three-header .menu-area {
	    padding-top: 20px;
	}
	.admin-bar .home-three-header .menu-area {
	    padding-top: 32px;
	}
	.admin-bar .home-three-header .menu-area.sticky-menu {
	    padding-top: 20px;
	}
	.post-navigation span.previous-post, .post-navigation span.next-post{
		width: 100%;
		text-align: center;	
	}
	.footer-widget-heading h5{
		margin-bottom: 18px !important;
	}
}


/* 7. SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.slider-content.slider-three-content {
	    padding-top: 60px;
	}
	.slider-content h1 {
		font-size: 42px;
		padding-right: 0;
	}
	.slider-content span {
	    font-size: 32px;
	}
	.section-title h1 {
		font-size: 34px;
	}
	.price-list {
		margin-left: 95px;
	}
	.cta-text h2 {
		font-size: 28px;
	}
	.slider-btn.slider-two-btn .btn:first-child {
		margin-bottom: 0px;
	}
	.about-content {
		padding: 35px 29px;
	}
	.error-content h1 {
		font-size: 36px;
	}
	.error-content p {
		font-size: 18px;
	}
	.project-status {
		padding: 40px 30px;
	}
	.shop-item:hover .shop-overly {
		bottom: 17%;
	}
	.rc-post-content {
		padding: 5px 0;
	}
	.blog-meta-info ul li {
		margin-right: 5px;
	}
	.contact-cta {
		justify-content: unset;
		padding: 0 100px;
	}
	.counter-border:nth-child(2) {
		border-right: 0;
	}
	.footer-widget-heading h5{
		margin-bottom: 18px !important;
	}
}

/* 8. Some other device :480px, 600px and 785px. */
@media (max-width: 480px) {
	.header-two.sticky-menu .menu-area {
	    padding-top: 4px !important;
	}
	.logo a {
	    padding-top: 22px;
	}
	.slider-content.slider-two-content {
	    padding-top: 95px;
	}
	.slider-two-content span {
	    line-height: 26px;
	}
	.slider-content a.btn.bordered-btn,
	.slider-content .slider-btn a {
	    margin-bottom: 15px !important;
	}
	.slider-content.slider-three-content {
	    padding-top: 80px;
	}
	.slider-content.slider-three-content h1 {
	    margin-top: 10px;
	}
	.slider-three-content span {
	    color: #fff;
	    font-size: 28px;
	}
	.header-two .menu-area {
	    padding-top: 0;
	}
	.slider-btn a {
		margin-bottom: 10px !important;
	}
	.admin-bar .header-two .menu-area {
	    padding-top: 18px;
	}
	.post-navigation span.previous-post, .post-navigation span.next-post{
		width: 100%;
		text-align: center;	
	}
	.footer-widget-heading h5{
		margin-bottom: 18px !important;
	}
}

/* 9. Some other device : 600px - 785 */
@media only screen and (min-width: 600px) and (max-width: 785px) {
	.admin-bar .sticky {
	    top: 46px;
	}
	.footer-widget-heading h5{
		margin-bottom: 18px !important;
	}
}

/* 10. Some other device : 375px */
@media (max-width: 375px) {
	.section-title h2 {
		font-size: 30px;
	}
	.section-title span {
		font-size: 20px;
	}
	.cta-text h2 {
		font-size: 28px;
	}
	.slider-content.slider-two-content {
	    padding-top: 90px;
	}
	.post-navigation span.previous-post, .post-navigation span.next-post{
		width: 100%;
		text-align: center;	
	}
	.footer-widget-heading h5{
		margin-bottom: 18px !important;
	}	
	.default-logo a {
		font-size: 30px;
	}
}