/* Extra small devices (portrait phones, less than 576px) */
	@media (max-width: 400px){
		.blog_comments .media .media-left {
			padding-right: 5px;
		}
		.list-inline>li {
		padding-right: 0px;
		padding-left: 0px;
		}
		.team-wrap{
			height: 482px;
		}
		#testimonial-slider{
			height: 518px;
		}
		.project-wrapper{
			width: 90%;
		}
	}
	
	@media (max-width: 480px){
		.testimonial .test-img:before{
			top: 5px;
			right: 6%;
		}
	}
	
	@media (min-width: 401px) and (max-width: 530px){
		#testimonial-slider{
			height: 494px;
		}
		.list-inline>li {
		padding-right: 0px;
		padding-left: 0px;
		}
		.project-wrapper{
			width: 90%;
		}
	}
	
	
	@media (min-width: 481px) and (max-width: 575px){
		.testimonial .test-img{
			float: none;
		}
		.testimonial .test-img:before{
			top: -34px;
			right: 22%;
		}	
		.project-wrapper{
			width: 90%;
		}
		.navbar-toggle {
			margin-right: 18px;
		}
		.overlay .fa-link{
			padding-left: 18px;
			margin-left: 48%;
			margin-top: 26%;
		}
	}
	
    @media (max-width: 575px) {
       
       
		.nav > li {
            margin-right: 0px;
        }
		.navbar-collapse{
			padding-right: 0 !important;
		}
        .navbar-nav {
            margin: 0px -15px;
            overflow-y: hidden;
            background: -webkit-linear-gradient(left, #6747ee, #9124dc);
			width: 100%;
			margin: auto;
        }
        .navigation #navs > ul > li > a {
            background: transparent;
        }
        .navigation #navs ul li.active a,
        .navigation #navs ul li:hover a {
            border-top: 3px solid #6747ee !important;
            color: #fff !important;
            background: #6747ee !important;
        }
		.page-menu li a{
			padding: 15px 15px !important;
			position: relative;
			color: #fff0;
		}
		.navbar-nav .dropdown:not(.open) .dropdown-menu {
            display:none !important;
        }
		
        .navigation.affix #navs ul li.active a,
        .navigation.affix #navs ul li a:hover {
            border-top: 3px solid #fff!important;
            color: #fff !important;
            background: #6747ee !important;
        }
        .navbar-nav > li > .dropdown-menu {
            margin-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
		.navbar-nav li.open .dropdown-menu {
            position: static;
            min-width: 100% !important;
            margin: 0px 0 0;
            font-size: 16px;
            text-align: center;
            list-style: none;
            border: none;
			background: none;
        }
        .page-menu li a:hover {
            border-top: none !important;
            color: #fff !important;
            padding: 15px 15px !important;
        }
        ul.dropdown-menu.page-menu {
            padding-top: 0;
            padding-bottom: 0;
        }
        .navigation #navs > ul > li > a {
            padding: 15px 4px;
        }
		/* end nav */
		
		.footer-content ul , .footer-content ul li {
			padding: 0px;
		}
		.subscribe input[type="submit"]{
			font-size: 14px;
		}
		.subscribe .col-xs-4{
			padding: 0;
		}
        .logo img {
            margin-left: 15px;
            max-width: 80%;
			margin-top: 4%;
        }
        
        #about-us {
            overflow-x: hidden;
        }
        .main-title h1:after {
            width: 25px;
            top: 35px;
        }
        .main-title h1:before {
            width: 25px;
            top: 35px;
        }
        .main-title2 h1:after {
            width: 25px;
            top: 35px;
        }
        .main-title2 h1:before {
            width: 25px;
            top: 35px;
        }
        .slider,
        .slide {
            height: auto;
            width: 100%;
        }
        #about-us > .container > .row > .main-title2 {
            margin-bottom: 65px !important;
        }
        .about-img img {
            width: 95%;
            max-width: 100%;
        }
        .about-img::before {
            top: -25px;
            right: -5px;
        }
        .about-card {
            margin-bottom: 3px;
        }
        .ab-details {
            margin-bottom: 20px;
        }
        .project-inner {
            padding: 50px 40px;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            background: #fff;
            height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            min-height: 300px;
        
		}
		.our-team-wrapper > .slick-list > .slick-track {
			height: auto !important; 
		}
        .feature-box {
            margin-bottom: 4px;
        }
        .our-team-box.slick-slide.slick-active {
            width: 450px;
        }
        .project-content {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            margin-bottom: 20px;
			margin: 20px 0 0 0;
        }
        .testimonial {
            height: auto;
            cursor: -webkit-grabbing;
            margin-bottom: 64px;
        }
        .slick-slide img {
            margin: 0 auto;
        }
        .join-details {
            margin-bottom: 20px;
			text-align: center;
        }
		.join-sec {
			top: 0px;
			text-align: center;
		}
		.news-item.right .news-content, .news-item .news-content{
			margin: 0;
		}
		.news-item .news-content:before{
			display: none;
		}
        .subscribe {
            width: 100%;
        }
        .ab-heading p {
            width: 80%;
        }
        .ab-details-img img {
            width: 100%;
        }
        .about-content-details {
            overflow-x: hidden;
        }
        .tag {
            margin-bottom: 20px;
        }
        .main-footer {
            padding-top: 40px;
            padding-bottom: 20px;
            overflow-x: hidden;
        }
        .footer-menu ul li a {
            font-size: 12px !important;
        }
        .footer-menu {
            text-align: center;
        }
        .footer-text p {
            text-align: center;
        }
		.footer-content {
			text-align: center;
			margin-bottom: 30px;
		}
		.social-icon{
			text-align: center;
		}
		.footer-text{
			text-align: center;
		}
		.about-details h1{
			text-align: center;
			margin-top: 12px;
			font-size: 20px;
		}
		.service-details h3 , .feature-description h2 , 
		.event-description-content h4 , .footer-content h4 , .testimonial .title ,
		.slide .slide__content--headings p , .card-content h4 , .ab-details h1{
			font-size: 20px;
		}
		.about-details {
			padding: 0px;
		}
		.ab-details h1 {
			text-align: center;
		}
		.faq-details-list:before {
			left: 0px;
			font-size: 80px;
			top: 34px;
			line-height: 40px;
		}
		.faq-list:before  {
			left: 0px;
			font-size: 80px;
			top: -115px;
		}
		#article-1 {
			margin-top: 36px;
		}
		.card2 {
			border-top: 1px solid #0000001f;
			border-bottom: 1px solid #0000001f;
			border-left: none;
			border-right: none;
		}
		.main-title2 h1 , .main-title h1 , .slide .slide__content--headings h2 , 
		.slide .slide__content--headings h2 span , .newsletter h1 ,
		.counter_text h4 , .ab-heading h1 , .banner-text h2 ,
		.about-Page h1 , .join-details h1, .page-bread h1, h2{
			font-size: 22px;
		}
		
		.back-top-btn i{
			top: 9px;
		}
		.achieve-img a{
			padding: 0px;
		}	
		.news-date b{
			font-size: 22px;
		}	
		.count-in img {
			width: 60px;
			height: 60px;
			margin-bottom: 0px;
		}
		.counter-2{
			margin: 15px 0;
		}
		.counter-3{
			margin-bottom: 15px ;
		}
		.feature-icon-content{
			height: 120px;
		}
	
		.testimonial .testimonial-content{
			width: 88%;
			text-align: center;
		}
		.our-team-text{
			min-height: 46px;
		}
		.service-card{
			padding: 30px 30px;
		}
		
		.team-details{
			left: 6px;
			bottom: 36px;
		}
		.sidebar_categori tr td a{
			font-size: 14px;
		}
		.media-body, .media-left, .media-right{
			display: block;
			width: 100%;
		}
		.blg_dtls_content ul li a {
			margin-right: 6px;
		}
		.blog_comments h4{
			margin-top: 15px;
		}
		.list-inline>li {
			display: table-cell;
		}
		.blog_media .media-heading span{
			font-size: 12px;
		}
		.blg_dtls_content ul li:first-child, .blg_dtls_content ul li:nth-child(2){
			margin-right: 18px;
		}
		.tab-content .media-body{
			padding-left: 0px;
		}
		.tab-content .media-heading{
			margin-top: 20px;
		}
		.ab-heading h1{
			left: 18px;
		}
		.counter-2{
			margin: 35px 0;
		}
		.counter-3{
			margin-bottom: 30px ;
		}
}

    /* Small devices (landscape phones, 576px and up) */
	@media (min-width: 740px) and (max-width: 767px){
		.team-wrap {
			height: 1000px;
		}
		.our-team-wrapper > .slick-list > .slick-track{
			height: 955px !important;
		}
	}	
	
	@media (min-width: 700px) and (max-width: 739px){
		.team-wrap {
			height: 935px;
		}
		.our-team-wrapper > .slick-list > .slick-track{
			height: 900px !important;
		}
	}
	
	@media (min-width: 601px) and (max-width: 699px){
		.team-wrap {
			height: 885px;
		}
		.our-team-wrapper > .slick-list > .slick-track{
			height: 870px !important;
		}
	}
	
	@media (min-width: 576px) and (max-width: 600px){
		.team-wrap {
			height: 746px;
		}
		.our-team-wrapper > .slick-list > .slick-track{
			height: 800px !important;
		}
	}
	
    @media (min-width: 576px) and (max-width: 767px) {
        
        
        ul,
        li,
        a,
        p {
            font-size: 14px !important;
        }
		/* mobile nav */
		
		
		.nav > li {
            margin-right: 0px;
        }
        .navbar-nav {
            margin: 0px -15px;
            overflow-y: hidden;
            background: -webkit-linear-gradient(left, #6747ee, #9124dc);
			width: 100%;
			margin: auto;
        }
        .navigation #navs > ul > li > a {
            background: transparent;
        }
        .navigation #navs ul li.active a,
        .navigation #navs ul li:hover a {
            border-top: 3px solid #6747ee!important;
            color: #fff !important;
            background: #5e2ced !important;
        }
        .navigation.affix #navs ul li.active a,
        .navigation.affix #navs ul li a:hover {
            border-top: 3px solid #fff!important;
            color: #fff !important;
            background: #6747ee !important;
        }
        .navbar-nav > li > .dropdown-menu {
            margin-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
		.page-menu li a{
			color: #fff0;
		}
		.navbar-toggle{
			margin-right: 20px;
		}
		.back-index{
			margin-right: 20px;
		}
        .navbar-nav li.open .dropdown-menu {
            position: static;
            min-width: 100% !important;
            margin: 0px 0 0;
            font-size: 16px;
            text-align: center;
            list-style: none;
            border: none;
			background: none;
        }
		.navbar-nav .dropdown:not(.open) .dropdown-menu {
            display:none !important;
        }
		.navbar-collapse{
			padding-right: 0 !important;
		}
        .page-menu li a:hover {
            border-top: none !important;
            color: #fff !important;
            padding: 15px 15px !important;
            background: #2f8ded !important;
        }
        .navigation #navs > ul > li > a {
            padding: 15px 15px;
        }
		.navbar-nav .open .dropdown-menu {
			position: static;
		}
		.navbar-nav .open .dropdown-menu>li>a{
			padding: 15px 15px !important;
		}
		/* end nav */
        section {
            padding-top: 60px;
            padding-bottom: 60px;
        }
		.service-card{
			padding: 20px 30px;
		}
        .logo img {
            margin-left: 15px;
            max-width: 80%;
			margin-top: 4%;
        }
        
        #about-us {
            overflow-x: hidden;
        }
        .main-title h1:after {
            width: 25px;
            top: 45px;
        }
        .main-title h1:before {
            width: 25px;
            top: 45px;
        }
        .main-title2 h1:after {
            width: 25px;
            top: 45px;
        }
        .main-title2 h1:before {
            width: 25px;
            top: 45px;
        }
        .slider,
        .slide {
            height: auto;
            width: 100%;
        }
        #about-us > .container > .row > .main-title {
            margin-bottom: 65px !important;
        }
        .about-img img {
            width: 95%;
            max-width: 100%;
        }
        .about-img::before {
            top: -25px;
            right: 8px;
        }
        .about-Page h1 {
            font-size: 32px !important;
        }
        .ab-details {
            margin-bottom: 20px;
        }
        .feature-box {
            margin-bottom: 2px;
        }
		.feature-icon-content {
			height: 120px;
			margin-bottom: 6px;
		}
        .our-team-box.slick-slide.slick-active {
            width: 450px;
        }
        .project-content {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        }
        .testimonial {
            height: auto;
            cursor: -webkit-grabbing;
        }
        .slick-slide img {
            margin: 0 auto;
        }
        .join-details {
            margin-bottom: 20px;
        }
        .subscribe {
            width: 100%;
        }
        .ab-details {
            margin-bottom: 20px;
        }
        .join-details {
            margin-bottom: 20px;
        }
        .project-inner {
            padding: 50px 40px;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            background: #fff;
            height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            min-height: 300px;
        
		}

        .ab-heading p {
            width: 80%;
        }
        .ab-details-img img {
            width: 100%;
        }
        .about-content-details {
            overflow-x: hidden;
        }
        
        .tag {
            margin-bottom: 20px;
        }
        .main-footer {
            padding-top: 50px;
            padding-bottom: 30px;
            overflow-x: hidden;
        }
        .footer-menu ul li a {
            font-size: 12px !important;
        }
        .footer-menu {
            text-align: center;
        }
        .footer-text p {
            text-align: center;
        }
		.slide .slide__content--headings p {
			font-size: 25px !important;
		}
		.about-details {
			padding-left: 0px;
		}
		.about-details h1{
			text-align: center;
		}
		.our-team-text ul li i {
			height: 50px;
			width: 50px;
			line-height: 50px;
		}
		.footer-content {
			text-align: center;
			margin-bottom: 30px;
			width: 70%;
			margin: auto;
		}
		.social-icon{
			text-align: center;
		}
		.footer-text{
			text-align: center;
		}
		.testimonial .test-img {
			margin-right: 0px;
			margin-left: -55px;
		}
		.testimonial .testimonial-content {
			float:none;
			width: 100%;
			margin-left: -18px;
		}
		.testimonial .test-img:before{
			right: 40px;
		}
		.testimonial .testimonial-content{
			margin-top: 24px;
		}
		.team-details{
			padding-top: 60px;
			left: 13px;
		}
		.news-item .news-content:before {
			background: none;
		}
		.news-item .news-content {
			margin: 20px 0px 0 0;
		}
		.news-item.right .news-content {
			margin: 20px 0 0 0px;
		}
		.faq-details-list:before {
			left: 0px;
			font-size: 80px;
			top: 34px;
			line-height: 50px;
		}
		.faq-list:before  {
			left: 0px;
			font-size: 80px;
			top: -115px;
		}
		#article-1 {
			margin-top: 36px;
		}
		.card2 {
			border-top: 1px solid #0000001f;
			border-bottom: 1px solid #0000001f;
			border-left: none;
			border-right: none;
		}
		.count-in img , .counter_text h4 {
			margin-bottom: 0px;
		}
		.project-wrapper{
			display: block;
			width: 100%;
			margin: auto;
		}
		.blog-top img{
			width: 100%;
		}
		.main-title2 h1 , .main-title h1 , .slide .slide__content--headings h2 , 
		.slide .slide__content--headings h2 span , .newsletter h1, .banner-text h2,
		.ab-heading h1, .page-bread h1{
			font-size: 30px;
		}
		.slide .slide__content{
			top: 60%;
		}
		.service-details h3 , .feature-description h2 , 
		.event-description-content h4 , .footer-content h4 , .testimonial .title ,
		.slide .slide__content--headings p, h2 {
			font-size: 24px;
		}
		.count-in img {
			width: 60px;
			height: 60px;
			margin-bottom: 0px;
		}
		.counter-2{
			margin: 35px 0;
		}
		.counter-3{
			margin-bottom: 30px ;
		}
		.joinus{
			text-align: center;
		}
		.join-sec {
			top: 0px;
			text-align: center;
		}
		.blg_dtls_content p{
			margin-top: 10px;
		}
		.overlay .fa-link{
			margin-left: 47%;
			margin-top: 25%;
		}
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .logo img {
            margin-left: 15px;
            max-width: 80%;
        }
		.navbar-right {
			margin-right: 14px;
		}
        .nav > li {
            margin-right: 0px;
        }
        .navigation #navs > ul > li > a {
            background: transparent;
        }
        .navigation #navs ul li.active a,
        .navigation #navs ul li a:hover {
            border-top: 3px solid #2f8ded !important;
            color: #ffffff !important;
            background: #2f8ded00 !important;
        }
        .navigation.affix #navs ul li.active a,
        .navigation.affix #navs ul li a:hover {
            border-top: 3px solid #f9f9f9 !important;
            color: #fff !important;
        }
        .navbar-nav > li > .dropdown-menu {
            margin-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }
        .dropdown-menu {
            position: absolute;
            min-width: 100% !important;
            padding: 15px 15px !important;
            margin: 0px 0 0;
            font-size: 16px;
            text-align: center;
            list-style: none;
            background-color: #fff;
            border: none;
        }
        .page-menu li a:hover {
            border-top: none !important;
            color: #fff !important;
            padding: 15px 15px !important;
            background: #2f8ded !important;
        }
        .navigation #navs > ul > li > a {
            padding: 30px 5px;
            font-size: 12px;
        }
        #about-us {
            overflow-x: hidden;
        }
        .main-title h1:after {
            width: 25px;
            top: 65px;
        }
        .main-title h1:before {
            width: 25px;
            top: 65px;
        }
        .main-title2 h1::before {
            position: absolute;
            content: '';
            width: 50px;
            height: 3px;
            left: 15%;
            top: 63px;
            background: #000;
        }
        .main-title2 h1::after {
            position: absolute;
            content: '';
            width: 50px;
            height: 3px;
            right: 15%;
            top: 63px;
            background: #000;
        }
        .slider,
        .slide {
            height: auto;
            width: 100%;
        }
        #about-us > .container > .row > .main-title {
            margin-bottom: 65px !important;
        }
        .about-img img {
            width: 95%;
            max-width: 100%;
        }
        .about-img::before {
            top: -25px;
            right: 7px;
        }
        .ab-details {
            margin-bottom: 20px;
        }
        .feature-box {
            margin-bottom: 20px;
        }
        .our-team-box.slick-slide.slick-active {
            width: 450px;
        }
        .our-team-text ul li i {
            color: #fff;
            font-size: 16px;
            height: 35px;
            width: 35px;
            line-height: 38px;
            border-radius: 50%;
            background: -webkit-linear-gradient(left, #6747ee, #9124dc);
            margin-left: 5px;
        }
        .project-content {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 50%;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
        }
        .project-inner {
            padding: 50px 40px;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            background: #fff;
            height: 320px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            min-height: 320px;
        
		}
		.slick-slider {
			height: 311px;
		}
        .testimonial {
            height: auto;
            cursor: -webkit-grabbing;
            margin-bottom: 64px;
        }
        .slick-slide img {
            margin: 0 auto;
        }
        .join-details {
            margin-bottom: 20px;
        }
		.join-details h1{
			line-height: 0.8;
			font-size: 36px;
		}
        .subscribe {
            width: 100%;
        }
        .about-card {
            margin-bottom: 3px;
        }
        .ab-details {
            margin-bottom: 20px;
        }
        .join-details {
            margin-bottom: 20px;
			text-align: center;
        }
		.join-sec{
			text-align: center;
			top: 0px;
		}
        .ab-heading p {
            width: 80%;
        }
        .ab-details-img img {
            width: 100%;
        }
        .history {
            overflow-x: hidden;
        }
        .tag {
            margin-bottom: 20px;
        }
        .about-content-details {
            overflow-x: hidden;
        }
        .main-footer {
            padding-top: 50px;
            padding-bottom: 30px;
            overflow-x: hidden;
        }
        .footer-menu ul li {
            padding: 0 1px;;
        }
        .footer-menu {
            text-align: center;
        }
        .footer-text p {
            text-align: center;
        }
		.testimonial .test-img {
			margin-right: 14px;
		}
		.testimonial .testimonial-content {
			float: none;
			width: 100%;
			margin-left: 14px;
		}
		.achive-content{
			height: auto;
		}
		.social-icon li i {
			height: 30px;
			width: 30px;
			line-height: 30px;
			padding-left: 7px !important;
		}
		.footer-content h3 {
			font-size: 20px;
		}
		.footer-content p  , .footer-content ul li {
			font-size: 14px;
		}
		.service-card {
			padding: 30px;
		}
		.about-details {
			padding-left: 0px;
		}
		.about-details h1{
			text-align: center;
		}
		.faq-details-list:before {
			left: 0px;
			font-size: 80px;
			top: 34px;
			line-height: 0.6;
		}
		.faq-list:before  {
			left: 0px;
			font-size: 80px;
			top: -115px;
		}
		#article-1 {
			margin-top: 36px;
		}
		.card2 {
			border-top: 1px solid #0000001f;
			border-bottom: 1px solid #0000001f;
			border-left: none;
			border-right: none;
		}
		.count-in{
			margin-bottom: 22px;
		}
		.count-in img , .counter_text h4 {
			margin-bottom: 0px;
		}
		.project-wrapper{
			display: block;
			width: 98%;
			margin: auto;
		}
		.blog-top img{
			width: 100%;
		}
		.slide .slide__content{
			top: 30%;
		}
		.main-title2 h1 , .main-title h1 , .slide .slide__content--headings h2 , 
		.slide .slide__content--headings h2 span , .newsletter h1 ,
		.banner-text h2 , .about-Page h1 , .ab-heading h1 , .card-content i,
		.page-bread h1{
			font-size: 36px;
		}
		.search-btn{
			padding: 30px 15px;
		}
		.foot-menu{
			width: 50%;
		}
		.foot-p{
			text-align: center;
		}
		.footer-content ul li i{
			display: inline;
			padding-right: 5px !important;
		}
		.contact-social ul li i{
			display: inline-block;
			padding: 0px 10px 10px 0;
		}
		.feature-icon-content {
			height: 120px;
		}
		.blg_dtls_content p{
			margin-top: 10px;
		}
		.nav > li:last-child {
			margin-right: 27px;
		}
		.team-details{
			left: 5px;
		}
		.news-item.right .news-content{
			margin: 10px 16px 0 10px;
		}
		.sidebar_categori tr td a{
			font-size: 14px;
		}
		.overlay .fa-link{
			margin-left: 48%;
			margin-top: 17%;
		}
    }

    /* Large devices (desktops, 992px and up) */

    @media (min-width: 992px) and (max-width: 1199px) {
		 
		.navigation #navs > ul > li > a{
			padding: 30px 7px;
			font-size: 14px;
		}
        .about-card {
            margin-bottom: 0px;
        }
        .ab-details {
            margin-bottom: 0px;
        }
		.ab-details p{
			margin-top: 0px;
			line-height: 1.6;
		}
        .join-details {
            margin-bottom: 0px;
        }
        .ab-heading p {
            width: 80%;
        }
        .ab-details-img img {
            width: 100%;
        }
        .about-content-details {
            overflow-x: hidden;
        }
        .slick-slider {
            height: 400px;
        }
		.achive-content{
			height: 80px;
		}
		#testimonial-slider{
			height: 300px;
		}
        .testimonial .test-img:before {
            right: 40px;
        }
        .testimonial{
            height: auto;
        }
        .testimonial .testimonial-content{
            margin-top: 20px;
			float: none;
			width: auto;
        }
        .main-footer {
            padding-top: 50px;
            padding-bottom: 30px;
            overflow-x: hidden;
        }
		.navbar-right{
			margin-right: -5px;
		}
		.faq-list:before , .faq-details-list:before{
			left: -238px;
		}
		.foot-menu{
			width: 52%;
			float: left;
			overflow: hidden;
		}
		.foot-p{
			text-align: center;
		}
		.our-team{
			height: 616px;
		}
		.project-wrapper{
			width: 92%;
			margin: auto;
		}
		.project-content{
			margin-top: 30px;
			margin-left: 0;
			margin-right: 0;
		}
		.cont-2 {
			margin-left: 18px;
			margin-right: 18px;
		}
		.slide .slide__content{
			top: 30%;
		}
		.nav > li:last-child{
			margin-right: 8px;
		}
		.overlay .fa-link{
			margin-top: 47%;
		}
		.about-img::before{
			right: 50px;
		}
		.mb-xs.mt-xs{
			font-size: 16px;
		}
		.feature-description h2{
			font-size: 28px;
		}
    }

    /* Extra large devices (large desktops, 1200px and up) */
	@media(max-width:1012px){
		.navbar-right {
			margin-right: -5px;
			margin-left: 0;
		}
		.navbar-collapse {
			margin-left: 0;
			padding-left: 0;
		}
	}
   
	@media (min-width: 1700px){
		.project-wrapper{
				width: 61.5%;
		}
	}
	
	@media(min-width:1601px) and (max-width:1699px){
		.project-wrapper{
				width: 70%;
		}
	}
	@media(min-width:1590px) and (max-width:1600px){
		.project-wrapper{
				width: 74%;
		}
	}
	@media (min-width: 1441px) and (max-width: 1589px){
		.project-wrapper{
				width: 78%;
		}
	}
	@media  (min-width:1200px) and (max-width:1440px){
		.project-wrapper{
				width: 81%;
		}
	}
	@media(min-width:1360px) and (max-width:1439px){
		.project-wrapper{
				width: 86%;
		}
	}
	@media(min-width:1200px) and (max-width:1359px){
		.project-wrapper{
				width: 93%;
		}
	}