@media screen and (max-width:1366px){
	.carousel-control {position:absolute;top: 65%;left: 6%;}
	.carousel-control.right {left: 10%;}
	
}/*max-width:1366px*/

@media screen and (max-width:1200px){
	
}/*max-width:1200px*/

@media screen and (max-width:1199px){
	.carousel-control {position:absolute;top: 65%;left: 8%;}
	.carousel-control.right {left: 12%;}
	.single-new-project a.slide-btn{padding: 17px 27px;}
	.foot-email-box input[placeholder="Email Address"] {font-size: 12px;}
}/*max-width:1199px*/
@media screen and (max-width:1100px){
    
}/*max-width:1100px*/

@media screen and (max-width:1099px){
    .bl-txt {max-width: 200px;}
}/*max-width:1099px*/
@media screen and (max-width:1024px){
	.carousel-control {position:absolute;top: 65%;left: 0%;}
}/*max-width:1024px*/


@media screen and (max-width:992px){
    
}/*max-width:992px*/


@media screen and (max-width:991px){
	.navbar-default .navbar-nav li a {font-size: 16px;padding: 17px 0px 6px 18px;}
	.carousel-control {position:absolute;top: 65%;left:10%;}
	.carousel-control.right {left:15%;}
	.sticky .search span {top: 22px;}
	.we-do-topics h2 {font-size: 16px;}
	.we-do-comment p {padding: 0 15px;font-size: 13px;}
	.about-us-txt {margin-top: 0;}
	.service-txt h2 a {font-size: 20px;}
	.single-news-box{margin-bottom: 30px;}
	.hm-para-news {display: grid;}


	.main-timeline:before {left:11%;top:5.2%;}
	.main-timeline .timeline{top: 2px;left: -43px;}
	.main-timeline .timeline.timeline-ml-20{margin-left: 48px;}

	.xtra-para {max-width: max-content;}
	.blog-single-musiq {left: 22%;}
	.comment-body {max-width: 450px;}
	.children { padding-left: 0;}
	.hm-footer {padding: 40px 0 20px;}
	.hm-footer .footer-menu ul {gap: 8px 16px;}
	.header {padding-top: 8px; padding-bottom: 6px;}
	.header .container {
		display:flex;
		align-items:center;
		justify-content:space-between;
		flex-wrap:nowrap;
		gap:8px;
		overflow-x:hidden;
		white-space:nowrap;
	}
	.header-left,
	.header-right {
		float:none !important;
		flex:0 0 auto;
	}
	.header-left ul,
	.header-right ul {
		display:flex;
		align-items:center;
		flex-wrap:nowrap;
		white-space:nowrap;
	}
	.header-left li {
		margin-right: 10px;
		font-size: 10px;
	}
	.header-left li a {
		font-size: 10px;
	}
	.header-right li a {
		font-size: 10px;
	}
	.header-left li i {margin-right:3px;}
	.reg a {
		margin-right: 1px;
		margin-left: 1px;
	}
	.social-icon {display:none;}


}/*max-width:991px*/

@media screen and (max-width:768px){
	
	
}/*max-width:768px*/


@media screen and (max-width:767px){
	.wrapper-sticky,
	#menu,
	nav.navbar.bootsnav,
	nav.navbar.bootsnav .navbar-header,
	.navbar {
		min-height: 44px;
		height: 44px;
	}
	.wrapper-sticky {
		height: 44px !important;
	}
	.sticky {
		padding-top: 4px;
		height: 44px;
	}
	.navbar-brand,
	.navbar-brand:hover,
	.navbar-brand:focus,
	.sticky .navbar-brand {
		margin-top: 6px;
		height: auto;
		line-height: 1;
		padding: 0;
	}
	.navbar-brand img {
		display: block;
		max-height: 28px;
		width: auto;
	}
	.navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover,
	.sticky .navbar-default .navbar-toggle,
	.sticky .navbar-default .navbar-toggle:focus,
	.sticky .navbar-default .navbar-toggle:hover {
		margin-top: 6px;
		margin-bottom: 0;
		padding: 5px 6px;
	}
	.menubar ul.nav.navbar-nav {display: inline-grid; row-gap: 8px;}
	.navbar-default .navbar-nav li a {font-size: 16px;padding: 4px 25px;}
	.navbar-collapse {border-top: 10;box-shadow: inset 0 1px 0 rgba(255,255,255,0); padding-bottom: 24px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {position: relative;top:10px;left: -16px;width: 104.6%;border-color: transparent;background: var(--color-primary-dark); padding-top: 0px; padding-bottom: 28px;}
	.wrapper-sticky.sticky-active .navbar-default .navbar-collapse,.wrapper-sticky.sticky-active .navbar-default .navbar-form {position: relative;top: 0px;left: -16px;border-color: transparent;background: var(--color-primary-dark); padding-top: 12px; padding-bottom: 28px;}

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:active,
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .active > a:hover{
		padding-bottom: 0px;
	}
	.navbar-default .navbar-nav li a,
	.navbar-default.navbar-nav li a:active,
	.navbar-default.navbar-nav li a:focus,
	.navbar-default .navbar-nav li a:hover{
		padding-bottom: 0px;
	}
	.sticky .navbar-default .navbar-nav li a,
	.sticky .navbar-default .navbar-nav li a:active,
	.sticky .navbar-default .navbar-nav li a:focus,
	.sticky .navbar-default .navbar-nav li a:hover { color: #fff;
    	margin: 10px 0px;
	}
	.search span {left: 28px;}
	.search input {left: 30px; margin-bottom: 30px;margin-top:10px;}
	.header-slider-area .single-slide-item {
		padding-top: 110px;
		padding-bottom: 140px;
		text-align: center;
	}
	.header-slider-area .single-slide-item-content {
		max-width: 620px;
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.single-slide-item h2 {font-size: 45px;}
	.header-slider-area .single-slide-item p {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 36px;
	}
	.header-slider-area .single-slide-item button.slide-btn {
		margin-right: 0;
		margin-left: 0;
		min-width: 250px;
	}
	.carousel-control {
		position:absolute;
		top:50%;
		left:16px;
		width:56px;
		height:56px;
		line-height:56px;
		margin-top:-28px;
	}
	.carousel-control.right {left:auto;right:16px;}
	.we-do-comment p {padding: 0 0px;}
	.single-team-box {
		display: block;
		width:270px;
		margin-left: auto;
		margin-right: auto;
	}
	.single-we-do-box {max-width: 350px;margin: 0 auto;margin-bottom: 30px;}
	.about-us-img {max-width: 350px;margin: 0 auto; margin-top: 60px;}
	.pricing-box {max-width: 350px;margin: 0 auto;margin-bottom: 30px;}
	.team-box-inner {max-width: 270px;}
	.single-news-box {margin: 0 auto;max-width: 350px;margin-bottom: 30px;min-height: 508px;}
	.single-contact-btn.pull-right {float: left!important;}
	.single-new-project a.slide-btn{margin-top:30px;}
	.border-bottom {max-width: 250px;}
	.hm-footer {padding: 34px 0 14px;}
	.hm-footer-widget {margin-bottom: 14px;}
	.hm-footer .footer-menu ul {grid-template-columns: repeat(2, minmax(120px, 1fr));}
	.footer-copyright .foot-menu.pull-right {float: left!important; margin-top: 10px;}
	.footer-copyright .foot-menu ul {justify-content:flex-start;}



	.main-timeline .timeline{left:80px;top: -28px;}
	.main-timeline {max-width: 350px;}
	.main-timeline:before {left: 22%;height: 79%;}
	.main-timeline .timeline.timeline-ml-20{margin-left: -70px;}
	.xtra-timeline.main-timeline:before {top: -2.8%;left:2.5%;height: 79%;}
	
}/*max-width:767px*/

@media screen and (max-width: 680px){
.navbar-default .navbar-collapse, .navbar-default .navbar-form {width: 105%;}
}/*max-width:680px*/
@media screen and (max-width: 667px){
	.header {padding-top: 7px; padding-bottom: 5px;}
	.header .container {gap:8px;}
	.header-left li {
		margin-right: 8px;
		font-size: 9px;
	}
	.header-left li a {
		font-size: 9px;
	}
	.header-right li a {font-size: 9px;}
	.header-left li i {margin-right:2px;}
}/*max-width:667px*/

@media screen and (max-width: 640px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {width: 105.5%;}
	.footer-copyright .foot-menu.pull-right { float: left;}
	.we-do-comment p {font-size: 14px; max-width: 193px;}
	.isotope-overlay h3 a, .isotope-overlay a {font-size:16px;}
	.home1-testm-txt p{font-size: 16px;}
	.section-header h2 span {font-size: 20px;}
	
	.comment-body {max-width: 350px;}
}/*max-width:640px*/

@media screen and (max-width: 580px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {width: 106%;}
}/*max-width:580px*/

@media screen and (max-width: 540px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {width: 107%;}
	.header-slider-area .single-slide-item {
		padding-top: 90px;
		padding-bottom: 120px;
	}
	.header-slider-area .single-slide-item h2 {
		font-size: 36px;
		line-height: 1.2;
	}
	.header-slider-area .single-slide-item p {
		font-size: 18px;
		line-height: 1.6;
		margin-bottom: 28px;
	}
	.header-slider-area .single-slide-item button.slide-btn {
		width: 100%;
		max-width: 320px;
		padding: 14px 22px;
		margin-bottom: 18px;
	}
	.header-slider-area .single-slide-item button.slide-btn a {
		width: 100%;
	}
	.carousel-control {
		width: 48px;
		height: 48px;
		line-height: 48px;
		margin-top: -24px;
	}
	.footer-copyright .foot-menu.pull-right {float: left!important; margin-top: 10px;}
	
}/*max-width:540px*/
@media screen and (max-width: 480px){
	.single-new-project h3 {font-size: 22px;}
	.header-slider-area .single-slide-item-content {
		padding-left: 12px;
		padding-right: 12px;
	}
	.comment-body {display: block;max-width: 275px;}
	.comment-content { padding-left: 0; margin-top: 30px;}
	.hm-footer .footer-menu ul {grid-template-columns: 1fr;}
}/*max-width:480px*/

@media screen and (max-width: 440px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {width: 108%;}
	.header-slider-area .single-slide-item button.slide-btn {
		min-width: 0;
		max-width: 100%;
	}
	.header-slider-area .single-slide-item button.slide-btn a {font-size: 10px;}
	.header-slider-area .single-slide-item h2 {font-size:30px;}
	.header-slider-area .single-slide-item p {font-size: 16px;}
	.carousel-control {
		width: 42px;
		height: 42px;
		line-height: 42px;
		left: 8px;
	}
	.carousel-control.right {right: 8px;}
	.about-us-img:before{display: none;}

	.main-timeline {max-width: 250px;}
	.main-timeline:before {left: 31%;}


	.bl-single-tag {float: left!important;margin-top: 10px;}
	.bl-single-contact-box {padding: 22px 0 80px;}
}/*max-width:400px*/

@media screen and (max-width:399px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {width: 110%;}
	.single-news-box {min-height:430px;}
	
}/*max-width:399px*/

@media screen and (max-width:350px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {width: 111%;}
	.single-new-project h3 {font-size:18px;}
	.single-team-box {width: 100%;}
	.main-timeline {max-width: 150px;}
	.main-timeline:before {left: 52%;}
	.xtra-timeline.main-timeline:before {left: 5.5%;}
}/*max-width:350px*/

@media screen and  (max-width: 320px){
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {width: 113%;}
	.social-icon {margin-left: -8px;}
	.single-ststistics-box { margin-bottom: 60px;}
	.contact-form h3,.contact-office-address h3 {font-size: 18px;max-width: 225px;
    line-height: 1.5;}
	
}/*max-width:320px*/