@media only screen and (min-width: 1201px) and (max-width: 1332px) {
	nav.navbar.bootsnav ul.nav > li > a {
		padding: 46px 10px;
	}
	.services-area.with-thumb .services-items .item .info h4 {
		font-size: 17px;
	}
	.projects-area .project-item.projects-carousel .owl-nav .owl-prev {
		left: -28px;
	}
	.projects-area .project-item.projects-carousel .owl-nav .owl-next {
		right: -28px;
	}
	footer .contact ul li {
		font-size: 15px;
	}
	footer .contact ul li a {
		font-size: 15px;
	}
	.banner-area.text-large .content h2 {
		font-size: 64px;
		line-height: 68px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1200px) { 
	nav.navbar.bootsnav ul.nav > li > a {
		padding: 46px 10px;
	}
	.services-area.with-thumb .services-items .item .info h4 {
		font-size: 17px;
	}
	.projects-area .project-item.projects-carousel .owl-nav .owl-prev {
		left: -28px;
	}
	.projects-area .project-item.projects-carousel .owl-nav .owl-next {
		right: -28px;
	}
	footer .contact ul li {
		font-size: 15px;
	}
	footer .contact ul li a {
		font-size: 15px;
	}
	.banner-area.text-large .content h2 {
		font-size: 64px;
		line-height: 68px;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) { 
	.navbar .container-fluid {
	    padding-right: 20px;
	    padding-left: 20px;
	}
	nav.navbar.bootsnav .container-fluid .navbar-brand {
		padding: 0px 5px;
	}
	nav.navbar.bootsnav ul.nav > li > a {
		font-size: 15px;
		padding: 46px 5px;
	}
	.banner-area.text-large .content h2 {
		font-size: 56px;
		line-height: 60px;
	}
	.site-heading p {
	    padding: 0px 2%;
	}
	.services-area.with-thumb .services-items .item {
		min-height: 490px;
	}
	.container, .container-lg, .container-md, .container-sm {
	    max-width: 98%;
	}
	.work-process-area .work-pro-items .item h4 {
		font-size: 19px;
	}
	.markets-area .work-pro-items .item {
	    padding: 25px 10px; 
	}
	.breadcrumb-area h1 {
		font-size: 30px;
	}
	footer .contact ul li {
		font-size: 15px;
	}
	footer .contact ul li a {
		font-size: 15px;
	}
	.banner-area.text-large .content h2 {
		font-size: 52px;
		line-height: 56px;
	}
	.banner-area:hover .carousel-control.left {
	    left: -15px;
	} 
	.banner-area:hover .carousel-control.right {
	    right: -15px;
	} 
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {  
	.container, .container-lg, .container-md, .container-sm {
	    max-width: 100%;
	}
	footer .f-items .col-lg-6.single-item {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	footer .f-items .col-lg-3.single-item {
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	footer .single-item {
	    margin-top: 35px;
	}
	.services-area.with-thumb .services-items .item {
		min-height: 500px;
	}
	.navbar-brand > img {
	    height: 90px!important;
	}
	.navbar-brand {
		padding: 5px 15px;
	}
	nav.navbar.bootsnav .navbar-toggle {
		margin-top: 35px;
	}
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
		color: #000;
		text-transform: uppercase;
	}
	.site-heading p {
		padding: 0 2%;
	}
	.markets-area .work-pro-items .item {
	    padding: 25px 10px;
	}
	.work-process-area .work-pro-items .item h4 {
		font-size: 19px;
	}
	.contact-area .contact-items {
		padding: 35px 15px;
	}
	.breadcrumb-area h1 {
		font-size: 28px;
	}
	footer .contact ul li {
		font-size: 15px;
	}
	footer .contact ul li a {
		font-size: 15px;
	}
	.banner-area.text-large .content h2 {
		font-size: 52px;
		line-height: 56px;
	}
	.banner-area:hover .carousel-control.left {
	    left: -15px;
	} 
	.banner-area:hover .carousel-control.right {
	    right: -15px;
	} 
}

@media only screen and (min-width: 768px) and (max-width: 991px) {  
	.container, .container-lg, .container-md, .container-sm {
	    max-width: 100%;
	}
	footer .f-items .col-lg-6.single-item {
		-ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	footer .f-items .col-lg-3.single-item {
		-ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	footer .single-item {
	    margin-top: 35px;
	}
	.navbar-brand > img {
	    height: 90px!important;
	}
	.navbar-brand {
		padding: 5px 15px;
	}
	nav.navbar.bootsnav .navbar-toggle {
		margin-top: 35px;
	}
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
		color: #000;
		text-transform: uppercase;
	}
	.site-heading p {
		padding: 0 2%;
	}
	.footer-bottom p {
		font-size: 15px;
	}
	.top-bar-area .text-right {
	    -ms-flex: 0 0 75%;
	    flex: 0 0 75%;
	    max-width: 75%;
	}
	.top-bar-area .col-lg-3 {
	    -ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	} 
	.top-bar-area .social {
	    display: block;
	}
	.top-bar-area {
		background: #dd040c!important;
	}
	nav.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li > a {
		border-bottom: solid 1px #e0e0e0!important;
	    padding: 10px 0 !important;
	    border-top: solid 1px #e0e0e0;
	    text-transform: uppercase;
	    color: #000;
	}
	.about-area.ver-two {
	    padding-bottom: 50px;
	}
	.services-area.with-thumb .services-items .item .info h4 {
		font-size: 20px;
	}
	footer .f-items.default-padding {
	 	padding-bottom: 80px;
	}	
	.markets-area .col-lg-4 {
	    -ms-flex: 0 0 33.3%;
	    flex: 0 0 33.3%;
	    max-width: 33.3%;
	}
	.projects-area .project-item .thumb {
	    margin-bottom: 0;
	} 
	.projects-area .thumb-box-block {
		margin-bottom: 30px;
	}
	.current-projects {
	    padding-top: 45px;
	    padding-bottom: 30px;
	}
	.contact-area .contact-items {
		padding: 35px 25px;
	}
	.contact-area .left-item {
		margin-bottom: 15px;
	}
	.inner_service .thumb-box {
		margin-top: 25px;
	}
	.banner-area.text-large .content h2 {
		font-size: 60px;
		line-height: 64px;
	}
	.banner-area:hover .carousel-control.left {
	    left: -15px;
	} 
	.banner-area:hover .carousel-control.right {
	    right: -15px;
	} 
	.banner-area .content {
	    padding: 70px 0;
	}
	.banner-area.text-large .box-cell::after {
		height: 95%;
		top: 15%;
	}
	.banner-area.text-large .bg-cover-long .content {
        padding: 100px 0;
	}

}

@media only screen and (max-width: 767px) {  
	.container, .container-lg, .container-md, .container-sm {
	    max-width: 100%;
	}
	.top-bar-area {
	    display: block;
	} 

	.top-bar-area .shape::after {
		display: none;
	}
	.top-bar-area .text-right {
	    -ms-flex: 0 0 75%;
	    flex: 0 0 75%;
	    max-width: 75%;
	}
	.top-bar-area .col-lg-3 {
	    -ms-flex: 0 0 25%;
	    flex: 0 0 25%;
	    max-width: 25%;
	}
	.top-bar-area {
		background: #dd040c!important;
	} 
	.navbar-brand > img {
	    height: 90px!important;
	}
	.navbar-brand {
		padding: 5px 15px;
	}
	nav.navbar.bootsnav .navbar-toggle {
		margin-top: 35px;
	}
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
		color: #000;
		text-transform: uppercase;
	}
	.site-heading p {
		padding: 0 2%;
	}
	nav.navbar.bootsnav ul.nav li.dropdown > ul.dropdown-menu li > a {
		border-bottom: solid 1px #e0e0e0!important;
	    padding: 10px 0 !important;
	    border-top: solid 1px #e0e0e0;
	    text-transform: uppercase;
	    color: #000;
	}
	.breadcrumb-area {
	    padding: 75px 0;
	}
	.breadcrumb-area h1 {
	    font-size: 30px;
	}
	.inner_service .thumb-box {
		margin-top: 25px;
	}
	.current-projects {
	    padding-top: 45px;
	    padding-bottom: 30px;
	}
	.contact-area .contact-items {
		padding: 35px 25px;
	}
	.contact-area .right-item {
	    margin-top: 25px;
	}
	.footer-bottom {
		font-size: 15px;
	}
	footer .contact ul li.addres {
	    margin-bottom: 30px;
	}
	footer .single-item {
	    margin-top: 35px;
	}
	footer .f-items .col-lg-6.single-item ul {
		margin-bottom: 18px;
	}
	footer .f-items .col-lg-6.single-item .col-lg-6:last-of-type ul {
		margin-bottom: 0px;
	}  
	.career-area .contact-items {
        padding: 0;
	}
	.career-area .left-item {
		padding-top: 15px;
	}
	.career-area {
	    padding-top: 45px;
	    padding-bottom: 45px;
	}
	footer .widget-title {
		margin-bottom: 15px;
	}
	.certificates-area {
	    padding-top: 45px;
	    padding-bottom: 5px;
	}
	.projects-area .item .info h2, .yellow .projects-area .item .info h4 {
		text-align: left;
	    float: left;
	    width: 100%;
	    margin-bottom: 10px;
	}
	.markets-area.bottom-less {
	    padding-top: 0px !important;
	    padding-bottom: 20px!important;
	}
	.markets-area .col-lg-4 {
	    -ms-flex: 0 0 33.3%;
	    flex: 0 0 33.3%;
	    max-width: 33.3%;
	}
	.inner_about.ver-two {
		padding-bottom: 30px;
		padding-top: 45px;
	}
	.inner_service .info ul {
	    margin-top: 0px;
	}
	.inner_about.inner_service {
	    padding-bottom: 30px;
	    padding-top: 45px;
	}
	.banner-area.text-large .content h2 {
		font-size: 32px;
    }
    .banner-area:hover .carousel-control.left {
	    left: -15px;
	} 
	.banner-area:hover .carousel-control.right {
	    right: -15px;
	} 
	.banner-area .content {
		padding: 80px 0;
	}
}

@media only screen and (max-width: 600px) {  
	.top-bar-area .social li {
	    margin-right: 5px;
	}
	.top-bar-area .text-right {
	    -ms-flex: 0 0 80%;
	    flex: 0 0 80%;
	    max-width: 80%;
	}
	.top-bar-area .col-lg-3 {
	    -ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}
	.markets-area .work-pro-items .item {
		padding: 25px 15px;
    }
    .career-area .right-item {
	    margin-top: 0px;
	}
	.breadcrumb-area h1 {
	    font-size: 26px;
	}
	.banner-area.text-large .content h2 {
	    font-size: 26px;
	}
	.banner-area .content {
		padding: 80px 0;
	}
}

@media only screen and (max-width: 540px) {  
	.top-bar-area .col-lg-3 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.top-bar-area .text-right {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.top-bar-area .float-right.info {
		justify-content: center;
	}
	.top-bar-area .shape {
		justify-content: center;
        display: flex;
	}
	.top-bar-area .social li {
	    margin-right: 12px;
	}
	.top-bar-area {
		padding: 5px 0;
	}
}

@media only screen and (max-width: 480px) {   
	.client_block {
		margin-bottom: 15px;
	}
	.clients-area {
		padding-bottom: 35px;
		padding-top: 45px;
	}
	.markets-area .col-lg-4 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	.breadcrumb-area h1 {
	    font-size: 22px;
	}
	.banner-area.text-large .content h2 {
	    font-size: 20px;
	    margin-bottom: 15px;
	}
	.banner-area .content {
		padding: 80px 0;
	}
	.banner-area .content a {
		padding: 10px 30px;
	}
}


@media only screen and (max-width: 414px) {   
	.projects-area .item .info p {
	    font-size: 18px;
	    line-height: 30px;
	}
	.site-heading {
	    margin-bottom: 25px;
	}
	.contact-area .contact-items .right-item .text {
		margin-bottom: 10px;
	}
	.breadcrumb-area h1 {
	    font-size: 18px;
	}
	.breadcrumb-area .breadcrumb li, .breadcrumb-area .breadcrumb li a {
		font-size: 14px;
	}
	.banner-area.text-large .content h2 {
	    font-size: 18px;
	    margin-bottom: 15px;
	}
	.banner-area .content {
		padding: 80px 0;
	}
}


@media only screen and (max-width: 393px) {   
	.footer-bottom p a {
		font-family: 'Prompt', sans-serif;
	}
	.breadcrumb-area .breadcrumb li {
	    padding: 0 5px;
	}
	.breadcrumb-area h1 {
	    font-size: 17px;
	}
	.banner-area.text-large .content h2 {
	    font-size: 16px;
	    margin-bottom: 15px;
	}
	.banner-area .content {
		padding: 70px 0;
	}
}

@media only screen and (max-width: 375px) {   
	.top-bar-area {
	    padding: 2px 0;
	}
	.markets-area .work-pro-items .item {
	    padding: 15px 10px;
	}
	.breadcrumb-area .breadcrumb li {
	    padding: 0 2px;
	}
}

@media only screen and (max-width: 360px) {    
	nav.navbar.bootsnav .navbar-header {
		padding-right: 0;
		padding-left: 0;
	}
	.site-heading p {
	    padding: 0 1%;
	}
	.services-area.with-thumb .services-items .item {
		min-height: 520px;
	}
	.work-process-area .work-pro-items .item h4 {
		font-size: 17px;
	}
	.breadcrumb-area .container {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.breadcrumb-area .breadcrumb li, .breadcrumb-area .breadcrumb li a {
	    font-size: 13px;
	}
	.breadcrumb-area h1 {
	    font-size: 16px;
	}
	.breadcrumb-area .breadcrumb li {
	    padding: 0 4px;
	}
	.site-heading h2 {
		font-size: 24px;
	}
	.banner-area.text-large .content h2 {
	    font-size: 15px;
	    margin-bottom: 15px;
	}
	.banner-area .content {
		padding: 60px 0;
	}
}

@media only screen and (max-width: 320px) {    
	.why-us-area .left-info .content a {
		padding: 15px 20px;
	}
	.markets-area .col-lg-4 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.work-process-area .work-pro-items .item h4 {
	    font-size: 19px;
	}
	.markets-area .work-pro-items .item {
	    padding: 10px 10px;
	}
	.projects-area .item .info p {
	    font-size: 16px;
	    line-height: 28px;
	}
	.contact-area .contact-items {
	    padding: 35px 10px;
	}
	.breadcrumb-area h1 {
	    font-size: 14px;
	}
	.breadcrumb-area .breadcrumb li, .breadcrumb-area .breadcrumb li a {
	    font-size: 12px;
	}
	.site-heading h2 {
	    font-size: 21px;
	}
	.banner-area.text-large .content h2 {
	    font-size: 13px;
	}
}
