/* Mobile */
@media (max-width: 767px){

    .temp-center {
        width: 22em;
        margin: 0 auto 1em!important;
    }

    .single-slider {
        margin: 0 auto 0;
    }

    .logo{
        width: 200px;
        margin-right: 0;
    }

    /* .mobi-logo{
        display: inline-block;
        width: 260px;
        padding: 15px 0;
        margin-left: 1em;
    } */

    header {
        padding: 0;
    }

    .popup-logo {
        width: 90%;
    }

    .mobi-nopad{
        padding:0;
    }

    .navbar-collapse {
        padding: 0;
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-collapse .col-md-7{
        padding:0;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
    }

    .navbar-nav .nav-link {
        padding: 0;
    }

    .fa-bars:before {
        color: #005070;
        font-size: 30px;
    }

    button:focus {
        outline: 0;
        outline: none;
    }

    .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
        width: 10em;
    }

    .navbar-nav>li {
        padding-left: 0;
        text-align: center;
        margin: 10px 0;
    }

    .navbar-nav {
        margin: 0;
        padding: 0;
        background-color: #fff;
        width: 100%;
    }

    .navbar-toggle {
        margin: 15px 20px 0 0;
        padding:0;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

    .navbar-default .navbar-nav>li>a {
        margin: 0 auto;
        width: fit-content;
        border-bottom: 2px solid transparent;
    }

    .mobi-breaks{
        display:none;
    }

    .head-info {
        width: 100%;
    }

    .header-info {
        width: 100%;
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }

    .social-icons {
        margin-top: 0.5em;
    }

    .vl {
        display: none;
    }

    h1 {
        font-size: 2.5em;
    }

    h2 {
        font-size: 2em;
    }

    .ourteam {
        width: 100%;
        height: 250px;
        margin-left: 0;
        margin-top: 1em;
    }

    .home-head {
        padding: 2em 0;
        height: auto;
        margin-top: 5em;
    }

    .head-info p {
        margin-bottom: 1em;
    }

    .specials {
        margin: 3em 0;
    }

    .specials h2 {
        margin: 0.5em 0;
    }

    .monthly-specials .card-img-overlay {
        padding: 5% 0 0 0;
    }

    .monthly-specials .card-img-overlay p, .monthly-specials .card-img-overlay a {
        font-size: 15px;
        margin-top: 0!important;
    }

    /* .monthly-special {
        max-width: 35em;
        margin: 0 auto 1em;
        display: flex;
    } */

    .our-team h2 {
        font-size: 1.8em;
    }

    .our-team p {
        margin-bottom: 1em;
    }

    .btn-completed {
        float: none;
        margin-top: 1em;
    }

    .clients-say h2 {
        margin: 0.5em 0 1em;
    }

    .client-slider {
        padding: 0;
    }

    .bubble {
        padding: 1em;
    }

    .quotation-contact {
        width: 90%;
    }

    .quotation-contact h2 {
        font-size: 2em;
    }

    .img-overlay, .completed-text {
        opacity: 1;
    }

    .footer .navbar-nav .nav-link {
        padding: 0;
    }

    .footer .navbar-nav {
        background-color: #F5F5F5;
        flex-direction: column;
    }

    .footer p, .footer a {
        font-size: 17px;
    }

    .fab, .far {
        font-size: 1.5em;
    }

    .social-icons a {
        padding: 0 1em;
    }

    .other-headers {
        padding: 5% 0;
        height: auto;
        margin-top: 5.5em;
    }

    /* About  */

    .about-body {
        padding: 0;
        margin: 1em 0;
    }

    .goal-h2 {
        margin: 1em 0;
        text-align: left;
        font-size: 2em;
        padding: 0;
    }

    .industry-knowledge h2 {
        margin-bottom: 0.5em;
    }

    .first-col {
        padding-left: 15px!important;
    }

    .last-col {
        padding-right: 15px!important;
    }

    .about-team .img-overlay {
        height: 20em;
    }

    .team-member {
        width: 50%;
        margin: 0 auto 1em;
    }

    .member-info {
        opacity: 1;
    }

    .nav-item {
        padding: 0;
    }

    /* Products Services  */

    .products .head-info {
        width: 100%;
    }

    .products-body {
        margin: 0;
    }

    .info-blocks {
        padding: 1em 0 0;
    }

    .modal-header {
        padding: 1em 1rem 0;
    }

    .modal-title {
        font-size: 2em;
        line-height: 1em;
        margin-bottom: 0.5em;
        padding-right: 1em;
    }

    .modal-body {
        margin: 0 1rem 1rem;
    }

    .modal-subheadings {
        display: none;
    }

    .mobi-subheadings{
        display:block;
    }

    .slider {
        margin: 0 0 1em;
    }

    .modal-header .close {
        right: 1.3rem;
        top: 1.3rem;
    }

    .free-quote {
        margin: 1em auto;
        padding: 1em;
    }

    .free-quote h3 {
        font-size: 1.8em;
    }

    .free-quote .btn-prestige {
        float: left;
        margin-top: 1em;
    }

    .free-quote .col-md-12{
        padding: 0;
    }

    .click-sup {
        margin: 1em 0;
    }

    .products-body {
        padding: 2em 0 0;
    }

    .about-project {
        margin-top: 2em;
    }

    .about-project p {
        padding-bottom: 1em;
    }

    /* Contact  */

    .contact-form-section h2 {
        padding-bottom: 0.5em;
    }

    .contact-info p {
        margin-bottom: 1em;
    }

    .contact-info {
        padding: 2em 0 1em;
    }

    .header-info a {
        padding-bottom: 0.5em;
    }

    .navbar-expand-lg .navbar-nav {
        width: 100%;
    }

    .port-projects {
        padding: 2em 0 0;
    }

    .about-body p{
        margin-bottom: 0;
    }

    .about-img{
        margin: 1em 0;
    }

    .about-project {
        padding-top: 0;
    }

    .monthly-specials {
        width: 100%;
    }

    .monthly-specials .card-img-overlay {
        display: none;
    }
    .modal p, .modal .h3, .modal h2 {
        color: #000;
        font-size: 18px;
    }

    .modal-body {
        padding: 20px;
    }

    .specials-mobi-btn {
        display: block;
        margin-top: 20px;
    }
}

/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px){
    .logo {
        margin-right: 0;
        width: 16em;
    }

    .logo img {
        width: 80%;
        height: auto;
    }

    .home-head {
        padding: 8% 0;
        height: 26em;
        margin-top: 5em;
    }

    .monthly-specials {
        width: 90%;
    }

    .fa-bars:before {
        font-size: 1.5em;
        color: #005070;
    }

    .head-info {
        width: 70%;
    }

    h1 {
        font-size: 3em;
    }

    h2 {
        font-size: 2em;
    }

    .monthly-specials .card-img-overlay {
        padding: 2% 0;
    }

    .our-team h2 {
        font-size: 2em;
        width: 20em;
    }

    .ourteam {
        width: 100%;
        height: auto;
        margin-left: 0;
        top: 50%;
        transform: translate(0, -50%);
    }

    .head-info {
        width: 70%;
    }

    .our-team {
        padding: 3% 0;
    }

    .client-slider {
        padding: 0;
    }

    .bubble p {
        margin-bottom: 0;
        font-size: 1em;
    }

    .bubble {
        padding: 1em;
    }

    .clients-say h2 {
        margin: 0 0.5em 0.5em;
    }

    .quotation-contact {
        padding: 5% 3%;
        width: 100%;
    }

    .quotation-contact .btn-completed {
        position: relative;
        bottom: 1em;
    }

    .quotation-contact h2 {
        font-size: 1.5em;
    }

    .footer .nav-item {
        padding: 0;
    }

    .navbar-collapse {
        width: 30%;
        float: right;
        position: absolute;
        right: 0;
        top: 5.5em;
        text-align: center;
        background-color: #fff;
    }

    .navbar-expand-lg .navbar-nav {
        width: 100%;
        justify-content: center;
    }

    .header-info {
        flex-direction: column;
        padding: 0 1.4em 1em;
        width: auto;
    }

    .header-info a {
        margin-bottom: 0.2em;
    }

    .vl {
        display: none;
    }

    .social-icons a {
        padding: 0 1em;
    }

    .other-headers {
        height: 20em;
        margin-top: 6em;
    }

    .goal-h2 {
        margin: 1em 0;
        padding: 0;
    }

    .about-body img {
        max-width: 25em;
        margin: 0 auto 1em;
        display: flex;
    }

    .about-team .col-md-3 {
        padding: 0 0.4em;
    }

    .about-team .img-overlay {
        height: 18em;
    }

    .member-info {
        top: 55%;
        transform: translate(-50%, -50%);
        opacity: 1;
        width: 100%;
    }

    .img-overlay {
        opacity: 1;
    }

    .products .head-info {
        width: 80%;
    }

    .products {
        padding: 6% 0;
    }

    .services-logo {
        width: 60%;
        margin: 0 auto;
        display: flex;
    }

    .modal-dialog {
        max-width: 600px;
    }

    .free-quote {
        padding: 3em 2em;
    }

    .free-quote h3 {
        font-size: 2em;
        line-height: 1.5em;
    }

    .completed-text {
        opacity: 1;
    }
    
    .port-projects {
        padding: 2em 0 0;
    }

    #map {
        height: 20em;
    }

    .tablet-break{
        display:block;
    }

    .free-quote .btn-prestige {
        float: none;
    }

    .about-img{
        margin: 1em 0;
    }

    .single-slider {
        width: 20em;
        margin: 0 auto;
    }
    
}

@media (min-width: 992px) and (max-width: 1198px){

    .header-info {
        flex-direction: column;
        text-align: right;
        width: 15em;
    }

    .home-head {
        padding: 10% 0;
        height: 33em;
        margin-top:6em;
    }

    .header-info a {
        font-size: 0.9em;
    }

    .head-info {
        width: 60%;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .nav-item {
        padding: 0 0.7em;
    }

    .navbar-brand {
        margin-right: 0;
        width: 10em;
    }

    .vl {
        display: none;
    }

    .monthly-specials .card-img-overlay {
        padding: 2% 0;
    }

    .logo {
        margin-right: 0;
    }

    .ourteam {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .our-team h2 {
        font-size: 2.3em;
    }

    .quotation-contact {
        width: 100%;
    }

    .client-slider {
        padding: 0;
    }

    .about-team .img-overlay {
        height: 20em;
    }

    .quotation-contact {
        width: 100%;
        padding: 3%;
    }    

    .quotation-contact h2 {
        line-height: 1.7em;
        font-size: 2.3em;
    }

    .completed-text {
        bottom: 3em;
    }

    .navbar {
        padding: .7rem 1rem;
    }

    .navbar-expand-lg .navbar-nav {
		justify-content: flex-end;
		width: 74%;
    }

    .other-headers {
		margin-top: 6em;
		height: auto;
	}
	
	.goal-h2 {
		margin: 1em 0 1.5em;
	}

	.info-blocks {
		padding: 1em 0 0;
	}

    .monthly-specials {
        width: 70%;
        margin: 0 auto;
    }

	.free-quote {
        padding: 2em;
	}

	.free-quote .col-md-12{
		padding:0;
	}

	.free-quote h3 {
        font-size: 2em;
		line-height: 1.7em;
	}

	.port-projects {
		padding: 2em 0 0;
	}

	.about-project {
		padding-top: 3em;
	}

	.products .head-info {
		width: 65%;
	}

	.products {
		padding: 10% 0;
		height: auto;
    }
    
    .temp-center {
        width: 50em;
    }

}

/* Laptop: */
@media (min-width: 1199px) and (max-width: 1600px){

	.logo {
		margin-right: 0;
	}

	.navbar-brand {
		margin-right: 0;
		width: 12em;
	}

    .ourteam {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .quotation-contact {
        width: 95%;
    }    

    .quotation-contact h2 {
        line-height: 1.5em;
	}
	
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0;
		padding-left: 0;
	}

	/* .navbar-expand-lg .navbar-nav {
		justify-content: flex-end;
	} */

	.vl {
		display: none;
	}

	.nav-item {
		padding: 0 1.5em;
	}

	.home-head {
		margin-top: 7em;
	}

	.navbar {
		padding: 1rem 1rem;
	}

	.header-info {
		width: 14em;
		flex-direction: column;
	}

	.other-headers {
		height: 26em;
		margin-top: 7em;
	}

	.about-team .img-overlay {
		height: 20em;
	}

	.free-quote {
		padding: 3em 2em;
	}

	.navbar-expand-lg .navbar-nav {
		width: 90%;
    }
    
    .free-quote h3 {
        font-size: 2.5em;
        line-height: 1.4;
    }
    .monthly-specials .card-img-overlay {
        padding: 5% 0;
    }

    .monthly-specials {
        width: 60%;
        margin: 0 auto;
    }

}

/* @media (min-width: 1400px) and (max-width: 1600px){
	
} */