@media (min-width: 1200px){
  
}

@media (min-width:992px){
  .main-header.sticky .main-navbar{z-index: 99; -webkit-animation-name: fadeInDown;-ms-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 5.0s; -ms-animation-duration: 5.0s;animation-duration: 5.0s; -webkit-animation-timing-function: linear;  -ms-animation-timing-function: linear;animation-timing-function: linear; -webkit-animation-iteration-count: infinite;  -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal;  -ms-animation-direction: normal;animation-direction: normal; -webkit-animation-play-state: running;  -ms-animation-play-state: running;animation-play-state: running; -webkit-animation-fill-mode: forwards;  -ms-animation-fill-mode: forwards;animation-fill-mode: forwards; -moz-animation-name: fadeInDown; -moz-animation-duration: 5.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out;} 
	.full-box-main.image-right .botox-box-img.about-second-image {
    top: 100px;
}
  .main-header.sticky .main-navbar {position: fixed;top: 0; z-index: 100; width: 100%; -webkit-box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 20%); -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,.2); box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 20%); background-color: #54575a;}
	/*  .main-header.sticky .main-navbar .navbar-brand img{max-height: 55px;} */
  .main-header.sticky .bc-rightbar .top_bar{position: absolute;top: -100%;}
	/*  .main-header.sticky .main-navbar .navbar-nav li > a{padding: 31px 10px;} */
  .main-header .navbar-nav li>a{display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;overflow: hidden;}
  .main-header .navbar-nav li>a:before {content: "";position: absolute;z-index: -1;left: 51%;right: 51%;bottom: 0;background: #f5821f;height: 4px;-webkit-transition-property: left, right;transition-property: left, right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}  
  .main-header .navbar-nav li>a:hover:before, 
  .main-header .navbar-nav li>a:focus:before, 
  .main-header .navbar-nav li>a:active:before, 
  .main-header .navbar-nav li.active>a:before {left: 0;right: 0;}
	.portfolio-section > .container {max-width: 1750px;width: 93%;}
	.full-box-main.image-right .botox-box-img.about-second-image::before {height: 94%;}
	.news-section .news-slider .slick-prev {left: -40px;}
	.news-section .news-slider .slick-next {right: -40px;}
	.main-navbar .navbar-collapse > .navbar-nav .nav-item.current-menu-item a, .main-navbar .navbar-collapse > .navbar-nav .nav-item.current-menu-ancestor a {
		color: #f5821f;
	}
	.main-navbar .navbar-collapse > .navbar-nav .nav-item.current-menu-item a::before, .main-navbar .navbar-collapse > .navbar-nav .nav-item.current-menu-ancestor a::before {
		left: 0;
		right: 0;
	}
	
	.main-header.header-trans .navbar-brand span.yearwhite {
		display: none;
	}
	.main-header.header-trans.sticky .navbar-brand span.yearwhite {
		display: inline-block;
	}
	.main-header.header-trans.sticky .navbar-brand span.yearblack {
		display: none;
	}
	.main-header.header-bg .navbar-brand span.yearwhite {
		display: inline-block;
	}
	.main-header.header-bg .navbar-brand span.yearblack {
		display: none;
	}
}

@media (min-width:768px){
  	.portfolio-gallery-full .pa0:nth-child(odd) {
		padding-right: 0px;
		padding-bottom: 0px;
	}
	.portfolio-gallery-full .pa0:nth-child(even) {
		padding-bottom: 0px;
	}
	.news-container-main .news-content h2 {
		min-height:100px;
	}
	/*.news-container-main .news-content p {
		min-height:100px;
	}*/
}

@media (max-width:1199px){
  .bc-rightbar{padding-left: 30px;}
  .main-navbar .navbar-nav li > a{padding: 32px 14px; letter-spacing:1px;}
  /*.main-navbar .navbar-brand img {max-height: 55px;}*/
  .bc-rightbar .top_bar .top_bar_info .top_info ul li {padding: 0 10px;}
  .bc-rightbar .top_bar .top_bar_info .social_icon ul li:first-child {padding-left: 10px;}

}
@media (max-width:991px){
  .main-navbar.navbar .navbar-collapse{position: fixed;top: 0px;bottom: 0px;background-color: rgb(84 87 90 / 98%);right: 0px;width: 80%;padding-top: 95px;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease;height: auto !important;display: block;z-index: 9;overflow-y: scroll;}
  .main-navbar.navbar-nav li > a{padding: 15px 15px;}
  .main-navbar.navbar{padding: 10px 0;position: relative; background-color: #54575a;}
  /*.main-navbar.navbar .navbar-brand img{height: 60px;}*/
  .main-navbar.navbar .collapse:not(.show){-webkit-transform: translateX(150%);	-moz-transform: translateX(150%);-ms-transform: translateX(150%);transform: translateX(150%);}
  .main-navbar.navbar .navbar-toggler{position: relative;z-index: 99;background-color: transparent;border: none; -webkit-order: 3; -moz-order: 3; -ms-order: 3; order: 3;}
  .main-navbar .navbar-nav .has-submenu > a::after{display: none;}
  .main-navbar .navbar-collapse > .navbar-nav > .nav-item{/*border-bottom: 1px solid #f5821f;*/}
  .main-navbar .navbar-nav li > a{font-size: 34px;font-weight: 700;line-height: 34px;}
  .main-navbar .navbar-nav li.has-submenu > a{padding-right: 45px;}
  .main-navbar .navbar-collapse > .navbar-nav .nav-item > ul{position: static;opacity: 1;box-shadow: none;background-color: transparent;width: 100%;}
  .main-navbar .navbar-collapse > .navbar-nav .nav-item > ul > li > a{color: #ffffff;border: none;text-align: left;padding: 5px 20px;font-size: 18px;font-weight: 400;}
	.main-navbar .navbar-collapse > .navbar-nav .nav-item > ul > li + li > a {border: none;}
	.main-navbar .navbar-collapse > .navbar-nav > .nav-item > ul > li > a:hover, .main-navbar .navbar-collapse > .navbar-nav > .nav-item > ul > li > a:focus {background-color: transparent;color: #f5821e;}
  .main-navbar .navbar-collapse > .navbar-nav .nav-item .arrow-down i{-webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear;transition: transform .3s linear;}
  .main-navbar .navbar-collapse > .navbar-nav .nav-item.open .arrow-down i{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg);transform: rotate(180deg);}
	.main-navbar .navbar-collapse > .navbar-nav li.has-submenu.project-menu .arrow-down {display: none;}
	.main-navbar .navbar-collapse > .navbar-nav li.has-submenu.project-menu > ul {display: block !important;}
  .main-navbar .navbar-nav li > a {padding: 15px 14px;text-align: left;}
  .bc-rightbar .top_bar .top_bar_info .social_icon{display: none;}
  .bc-rightbar{padding: 0;}
  .bc-rightbar .top_bar{padding: 0;}
  .main-navbar.navbar .navbar-collapse ul.top_contact_info{list-style: none; margin: 0; padding: 0;}
  .main-navbar.navbar .navbar-collapse ul.top_contact_info li a{color: #151515;font-size: 17px;padding: 10px 15px;display: block;}
  .main-navbar.navbar .navbar-collapse ul.top_contact_info li a span{color: #9b9b9b;padding-right: 5px;}
  .main-navbar.navbar .navbar-collapse ul.top_contact_info li a:hover{color: #d0e0eb;}
  .main-navbar .navbar-collapse > .navbar-nav li.has-submenu .arrow-down{display: block;}
  .pb-09{padding-bottom:0px;}
	
	.full-box-main.image-right .botox-box-img, .full-box-main.image-left .botox-box-img {
    	position: relative;
		width: calc(100%);
	}
	.service-full-section .full-box-main.image-right .botox-box-img::before, .service-full-section .full-box-main.image-right .botox-box-img::after, .full-box-main.image-left .botox-box-img::before, .full-box-main.image-left .botox-box-img::after{display:none;}
	.work-full-section .botox-box-img .work-slider ul.slick-dots{right:10px;}
	.team-clip-img-main .clip-bg{font-size:180px; line-height:250px;}
	.service-full-section .full-box-main .section-content, .work-full-section .full-box-main .section-content{padding: 20px 0px;}
	.service-full-section .botox-box-img .service-slider .slide-img, .work-full-section .botox-box-img .service-slider .slide-img{height:auto;}
	.full-box-main.image-left .botox-box-img{top:0;}
	.work-full-section{padding-top:40px;}
	.main-navbar .navbar-brand {
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.contact-form-wrap{margin-top: 30px;}
	
	.portfolio-list-main .portfolio-menu-grid .portfolio-menu-section {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.portfolio-section .product.project-grid-3 {
		grid-auto-flow: row dense;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
	}
	.portfolio-section .product.project-grid-3 .itembox.project-grid-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.portfolio-section .product.project-grid-3 .itembox.project-grid-item:nth-of-type(12n + 4), .portfolio-section .product.project-grid-3 .itembox.project-grid-item:nth-of-type(12n + 11) {
		grid-column: span 1;
		grid-row: span 1;
	}
	.portfolio-section .product.project-grid-3 .itembox.project-grid-item a {height: 300px;}
	
/* 	new style */
	.pdf-section .pdf-image {margin-bottom: -50px;}
	.project-main{grid-auto-flow: row dense;  -ms-grid-columns: 1fr 1fr;  grid-template-columns: 1fr 1fr;}
	.main-navbar .navbar-collapse > .navbar-nav li.has-submenu.project-menu:hover > ul{opacity:1;}
	.news-slider.slick-slider {padding: 0px 30px;}
	
	.home_banner_wraper .hm-slider-main .hm-slider-slide .banner-content .caption-wrapper h1 {font-size: 24px;}
	.protfolio-single-content .back a, .protfolio-single-content .next a, .protfolio-single-content .overview-btn a {
		font-size: 14px;
	}
	.protfolio-single-content .back a i, .protfolio-single-content .next a i, .protfolio-single-content .overview-btn a i {
		font-size: 20px;
		top: 2px;
	}
	.main-header .navbar-brand span.yearblack {
		display: none;
	}
	.main-header .navbar-brand span.yearwhite {
		display: inline-block;
	}
	
}

@media (max-width:767px){
	.section-padding{padding:60px 0;}
    .d-flex{display: block;}
    .slick-prev {left: 0;}
    .slick-next {right: 0;}
    .main-navbar.navbar{padding-top: 6px;padding-bottom: 6px;background-color: #54575a;position: relative;}
    /*.main-navbar.navbar .navbar-brand img{height: 40px;}*/
    .main-navbar.navbar .navbar-collapse ul.top_contact_info li a span{display: block;}
    .bc-rightbar {position: absolute;top: 0;right: 0;left: 0;text-align: center;}
    .bc-rightbar .top_bar{display: inline-block;}
    .main-navbar.navbar .navbar-toggler{top: 5px;z-index:16;}
	.footer-logo {
		text-align: center;
		margin-bottom: 25px;
	}
	.footer-wrapper .footer-info {
		text-align: center;
	}
	.footer-social{margin-top:25px;margin-bottom: 10px;}
	.copyright-footer .copyright-text {
		text-align: center;
		margin-top:15px;
	}
	.copyright-footer .footer-social ul {
		text-align: center;
		justify-content: center;
	}
	.copyright-footer{padding-bottom:30px;}
	.footer-wrapper{padding-top: 35px; padding-bottom: 0px;}
	
	.home_banner_wraper .banner-thumbnail{height:auto;}
	.work-full-section .botox-box-img .work-slider .slide-img{height:auto;}
	.footer-urls ul {text-align: center;}
	.footer-wrapper .footer-logo {text-align: center;margin-top: 25px;}
	.main-navbar.navbar .navbar-collapse {padding-top: 70px;}
	
	/* 	new style */
	.pdf-section .pdf-image {margin-bottom: -40px;}
	.gallery-section .slick-dots{text-align:center;}
	.gallery-section .slick-dots a.dot{width:36px;height:36px;line-height:32px;font-size:16px;}
	
	.portfolio-gallery-grid-box {grid-auto-flow: row dense;-ms-grid-columns: 1fr auto;grid-template-columns: 1fr auto;grid-column-gap: 0;}
	.portfolio-gallery-grid-box .project-grid-item, .portfolio-gallery-grid-box .project-grid-item:nth-of-type(12n + 1), .portfolio-gallery-grid-box .project-grid-item:nth-of-type(12n + 3) {grid-column: span 2;grid-row: span 2;}
	.cat-location-container .cat-details {text-align: left;}
	.footer-wrapper .footer-info .address-container p {margin-bottom: 2px;}
	
	.news-slider.slick-slider .slick-prev, .news-slider.slick-slider .slick-next {
		height: 25px;
		width: 25px;
	}
	.news-slider.slick-slider .slick-prev::before, .news-slider.slick-slider .slick-next::before {
		font-size: 18px;
		line-height: 25px;
	}
	.work-full-section.about-bottom-section.about-page-headline.section {padding-bottom: 0px;}
	.service-full-section {padding-bottom: 20px;}
	.service-full-section .about-slider {height: 100%;}
	.home_banner_wraper .banner-content .caption-wrapper h1 {font-size: 34px;}
	.breadcrumbs-section .banner-content .caption-wrapper h1 span::before {height: 4px;}
	.home_banner_wraper.inner_banner_outer .banner-content.content-bottom .caption-wrapper h1 {font-size: 24px;}
	.home_banner_wraper.inner_banner_outer .banner-content.content-bottom {bottom: 20px;}
	.home_banner_wraper .hm-slider-main .hm-slider-slide .banner-content .caption-wrapper h1 {font-size: 24px;}
	.home_banner_wraper .slide-content-main .banner-content.content-bottom .caption-wrapper h1 {font-size: 24px;}
	.protfolio-single-content .back a, .protfolio-single-content .next a, .protfolio-single-content .overview-btn a {
		font-size: 12px;
	}
	.protfolio-single-content .back a i, .protfolio-single-content .next a i, .protfolio-single-content .overview-btn a i {
		font-size: 16px;
		top: 2px;
	}
}
@media(max-width:576px){
  	.topbar_login li a{font-size: 0;line-height: 0;}
  	.topbar_login li a i{font-size: 16px;}
	.service-full-section .full-box-main .section-content h2{font-size:28px;}
	.service-full-section .full-box-main .section-content ul.nav.nav-tabs li .nav-link{font-size:17px; padding:8px 10px;}
	.team-clip-img-main .clip-bg{font-size: 95px; line-height: 150px;}
	.hm-team-clip-main .team-clip-main-outer::before{display:none;}
	.team-content-main .about-team h3{font-size:28px;}
	.team-content-main .about-team h4{font-size:20px;}
	.hm-team-clip-main{padding-top:40px;}

	.home_banner_wraper .banner-content{top:70%;}
	.home_banner_wraper.about-banner .banner-content{top:50%;}
	.home_banner_wraper .banner-content .caption-wrapper h1 {font-size: 22px;line-height: 24px;}
	.contact-info-wrap h3 {font-size: 30px;margin-bottom: 10px;}
	.contact-form-wrap h4 {font-size: 24px;text-align: left;}
	.portfolio-section .product.project-grid-3 {grid-auto-flow: row dense;-ms-grid-columns: 1fr;grid-template-columns: 1fr;}
	.top-title-section .title-bar h3 {font-size: 24px;}
	.top-title-section .filter-bar .filter-text {font-size: 18px;padding-right: 20px;}
	
		/* 	new style */
	.service-full-section .full-box-main .section-content h2 {font-size: 24px;}
	.section-content.first-section h3{font-size: 25px;}
	.main-heading h4 {font-size: 28px;}
	.pdf-section .pdf-image {margin-bottom: -25px;}
	.project-main{grid-auto-flow: row dense;  -ms-grid-columns: 1fr auto;  grid-template-columns: 1fr auto;grid-column-gap: 0;}
	.protfolio-single-content .next a, .protfolio-single-content .back a{font-size: 14px;}
	.protfolio-single-content .next a i, .protfolio-single-content .back a i {font-size: 16px;top: 2px;}
	.home_banner_wraper .hm-slider-main .hm-slider-slide .banner-content .caption-wrapper h1 {font-size: 16px;}
	.home_banner_wraper .slide-content-main .banner-content.content-bottom .caption-wrapper h1 {font-size: 16px;}
	.protfolio-single-content .topback-btn .col {padding:0px 5px}
	.protfolio-single-content .topback-btn .col:nth-cild(2){padding:0px;}
	.protfolio-single-content .back a span, .protfolio-single-content .next a span, .protfolio-single-content .overview-btn a span {
		display: none;
	}
	.protfolio-single-content .back a, .protfolio-single-content .next a, .protfolio-single-content .overview-btn a {
		font-size: 10px;
	}
	.protfolio-single-content .back a i, .protfolio-single-content .next a i, .protfolio-single-content .overview-btn a i {
		font-size: 14px;
		top: 0px;
	}
	.pdf-section.projectbook-wrapper .pdf-two-section h6 {font-size: 18px;}
}

@media(max-width:480px){
	.service-project-section .project-info .image {height:200px;}
	.main-navbar .navbar-brand img {
		width: auto;
		height: 50px;
	}
	.main-header .navbar-brand span.yearblack img {
		height: 55px;
	}
}