@media(max-width: 1400px){
    .aboutus-wrapper .content .htitle {
        left: -8%;
    }

    .form-wrapper h2 {
        left: -26%;
    }

    .service-wrapper ul li .item-desc a{
        margin-top: 17vh;
    }
}

@media(max-width: 1200px){
    .aboutus-wrapper img {
        width: 100%;
        box-shadow: 65px 60px 0px -50px #bf2626;
    }

    .service-wrapper ul li .item-desc a {
        margin-top: 10vh;
    }

    .service-wrapper ul.top li.item-with-full .full a {
        margin-top: 30px;
    }

    .aboutus-wrapper .content .htitle {
        left: -12%;
    }

    .contact-us-wrapper .form-wrapper h2 {
        left: -25%;
    }

    .contact-us-wrapper .form-wrapper {
        box-shadow: 140px -135px 0px -120px #bf2626;
    }

    .contact-us-wrapper .contact-us-content {
        margin-top: 80px;
    }

    .contact-us-wrapper .contact-details {
        padding-top: 30px;
        padding-left: 30px;
    }

    .contact-us-wrapper textarea{
        height: 100px;
    }

    .contact-us-wrapper iframe{
        height: 440px;
    }

    .contact-us-wrapper .map-wrapper {
        box-shadow: 159px 154px 0px -140px #bf2626;
    }

    .da-thumbs li a {
        padding: 105px 10px;
    }

    .portfolio-single-wrapper .desc-content h1 {
        position: absolute;
        font-size: 55px;
        transform: rotate(-90deg);
        left: -14%;
        top: 16%;
        text-transform: uppercase;
    }

    .portfolio-single-wrapper .gallery-content h1 {
        position: absolute;
        font-size: 55px;
        text-transform: uppercase;
        transform: rotate(-90deg);
        right: -7%;
        top: 10%;
    }

    .services-page-wrapper .services-list-wrapper ul li .content h1 {
        text-transform: uppercase;
        font-size: 26px;
        margin-bottom: 30px;
        width: 90%;
    }

    .contact-wrapper img {
        width: 80%;
    }

    .contact-wrapper .content .left-red-bg {
        top: 33%;
    }

    .contact-wrapper .form-wrapper {
        width: 45%;
        padding: 40px 50px;
    }

}

@media(max-width: 1150px){
    .service-wrapper ul li .item-desc h3 {
        text-transform: uppercase;
        font-size: 20px;
        padding-top: 20px;
    }

    .services-page-wrapper .services-list-wrapper ul li .content h1 {
        font-size: 24px;
        width: 100%;
    }

    .services-page-wrapper .services-list-wrapper ul li .content {
        padding: 40px 40px;
    }
}

@media(max-width: 998px){
    .portfolio-single-wrapper .desc-content {
        padding-left: 0px;
    }

    .portfolio-single-wrapper .gallery-content{
        padding-right: 0px;
    }

    .portfolio-single-wrapper .desc-content h1,
    .portfolio-single-wrapper .gallery-content h1{
        position: initial;
        transform: rotate(0deg);
        font-size: 20px;
    }

    .portfolio-single-wrapper .desc-content h3 {
        padding-bottom: 30px;
        font-size: 26px;
    }

    body{
        font-size: 16px;
    }

    .contact-us-wrapper .form-wrapper h2 {
        left: -35%;
    }

    .contact-us-wrapper iframe{
        height: 370px;
    }

    .contact-us-wrapper .form-wrapper {
        padding: 40px 40px;
        padding-bottom: 30px;
    }

    .form-wrapper h1 {
        font-size: 40px;
    }

    .form-wrapper h4{
        font-size: 20px;
    }

    .form-wrapper input[type=submit] {
        margin-top: 20px;
    }

    .contact-us-wrapper .form-wrapper {
        box-shadow: 122px -115px 0px -100px #bf2626;
    }

    .contact-us-wrapper .map-wrapper {
        box-shadow: 130px 125px 0px -110px #bf2626;
    }

    .contact-us-wrapper .contact-details br{
        display: block;
    }

    .contact-us-wrapper .contact-details span.fax{
        padding-left: 0px;
    }

    .contact-us-wrapper .map-wrapper {
        margin-top: 90px;
    }

    footer small.follow-txt {
        font-size: 12px;
    }

    #menu-main-menu li a:hover{
        border-bottom: none;
    }

    .contact-us-wrapper .contact-details {
        padding-left: 0;
    }

    .da-thumbs li {
        width: 50%;
    }

    .services-page-wrapper .services-list-wrapper ul li .content h1 {
        width: 100%;
        font-size: 18px;
    }

    .services-single-wrapper .single-services-content .col-md-7,
    .services-single-wrapper .single-services-content .col-md-5 {
        width: 100%;
    }

    .about-us-wrapper .about-content .desc {
        padding-top: 0;
    }

    .services-single-wrapper .desc-content {
        padding-bottom: 10px;
        width: 100%;
        margin: 0px auto;
    }

    .about-us-wrapper .commitment-list .col-md-4 {
        width: 100%;
    }

    .about-us-wrapper .about-content img {
        box-shadow: -63px 65px 0px -50px #bf2626;
    }

    .aboutus-wrapper .content .htitle {
        left: -12%;
        font-size: 33px;
        top: 20%;
    }

    .service-wrapper ul li .item-desc a {
        margin-top: 5vh;
    }

    .service-wrapper ul.top li.item-with-full {
        padding: 50px 38px;
        position: relative;
        padding-bottom: 10px;
    }

    .contact-wrapper .form-wrapper {
        width: 45%;
        padding: 40px 20px;
    }

    .contact-wrapper .content .left-red-bg {
        top: 29%;
    }

    .form-red-border {
        height: 141px;
    }

    .form-wrapper h2 {
        left: -34%;
        bottom: 28%;
        font-size: 20px;
    }

    .contact-wrapper .contact-details {
        padding-top: 10px;
        width: 40%;
    }

    .home-wrapper #fullpage .content .desc h1 {
        text-transform: uppercase;
        font-size: 33px;
        line-height: 32px;
    }

    .service-wrapper ul li {
        width: 100%;
        float: left;
        list-style: none;
    }

    .service-wrapper ul.top li.item .blank-wrapper {
        display: none;
    }

    .service-wrapper ul.top {
        background: none;
    }

    .service-wrapper ul.top li.item-with-full{
        background: url(../images/service-full-bg.png)center right no-repeat;
        background-size: contain;
        position: relative;
        padding-bottom: 40px;
    }

    .service-wrapper ul.top li.item-with-full .red-blank-wrapper{
        display: none;
    }

    .contact-wrapper .contact-details {
        padding-top: 10px;
        width: 100%;
        padding-left: 0;
    }

    .contact-wrapper .form-wrapper {
        width: 100%;
        padding: 30px;
        position: initial;
    }

    .contact-wrapper img {
        width: 100%;
        margin: 0;
    }

    .contact-wrapper .content .left-red-bg{
        display: none;
    }

    .show998{
        display: block !important;
    }

    .hide998{
        display: none !important;
    }

}

@media(max-width: 767px){
    .cert-logo-wrapper img {
        width: 80%;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu{
        position: initial !important;
        background: #061742 !important;
            width: 100%;
    }

    .cert-logo-wrapper {
        z-index: 2;
    }

    .portfolio-single-wrapper .desc-content img {
        width: 100%;
        height: auto;
    }

    .aboutus-wrapper h3 {
        font-size: 16px;
    }

    #portfolio-list li{
        width: 100%;
    }

    .biglogo{
        display: none;
    }

    .biglogo img {
        position: absolute;
        top: 25%;
        left: 35%;
        max-width: 40%;
    }

    .contact-details br {
        display: block;
    }

    .contact-details span.fax {
        padding-left: 0;
    }

    .navbar {
        /*background: #1a2144;*/
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#061641+3,061641+3,0d4287+10,0d4287+24,061641+30 */
        background: rgb(6,22,65); /* Old browsers */
        background: -moz-linear-gradient(45deg,  rgb(6,22,65) 3%, rgb(6,22,65) 3%, rgb(13,66,135) 10%, rgb(13,66,135) 24%, rgb(6,22,65) 30%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg,  rgb(6,22,65) 3%,rgb(6,22,65) 3%,rgb(13,66,135) 10%,rgb(13,66,135) 24%,rgb(6,22,65) 30%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg,  rgb(6,22,65) 3%,rgb(6,22,65) 3%,rgb(13,66,135) 10%,rgb(13,66,135) 24%,rgb(6,22,65) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061641', endColorstr='#061641',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

        padding: 0;
    }

    .da-thumbs li a {
        padding: 0px;
        padding-bottom: 0;
    }

    .da-thumbs li a h4 {
        text-transform: uppercase;
        min-height: auto;
        padding: 0px 20px;
        font-size: 20px;
        margin-top: 30px;
        padding-bottom: 20px;
    }

    .da-thumbs li a div {
        position: initial;
        padding: 0px 0px;
        margin: 0px 0px;
        bottom: -100%;
        color: white;
        width: 100%;
        height: 100%;
        margin-top: 20px;
        border-radius: 10px;
    }

    .da-thumbs li a div h6 p .line {
    height: 3px;
    width: 60px;
    background: white;
    display: block;
    margin: 0px auto;
    margin-top: 10px;
    margin-bottom: 20px;
}

    .about-us-wrapper .desc-content h3 {
        color: #194657;
        text-transform: uppercase;
        padding-bottom: 10px;
        font-size: 20px;
        text-align: center;
    }

    .about-us-wrapper .desc-content h3 br{
        display: none;
    }

    .about-us-wrapper .desc-content h3 span {
        color: #d34460;
        font-size: 26px;
    }

    .about-us-wrapper .about-content .left-content .desc .content span.redline {
        right: initial;
        display: block;
        left: 3px;
    }

    .about-us-wrapper .about-content img {
        width: 90%;
        margin-left: 30px;
        box-shadow: -63px 65px 0px -50px #bf2626;
        margin-bottom: 50px;
    }

    .about-us-wrapper .about-content .left-content .desc .content {
        padding-right: 30px;
        position: relative;
        text-align: left;
        padding-left: 30px;
    }

    .about-us-wrapper .about-content .desc h4 {
        text-align: left;
    }

    .about-us-wrapper .commitment-list .icon img {
        max-width: 130px;
        margin: 0px auto;
        margin-top: 20px;
    }

    .about-us-wrapper .about-content img {
        box-shadow: none;
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }

    .about-us-wrapper .commitment-list h2 {
        text-transform: uppercase;
        font-size: 22px;
        min-height: auto;
        margin-top: 10px;
        padding-bottom: 10px;
    }

    .about-us-wrapper .commitment-list .content {
        padding: 0;
    }

    /*.about-us-wrapper .about-content img {*/
    /*    box-shadow: -62px 65px 0px -50px #bf2626;*/
    /*}*/

    .showdesktop{
        display: none !important;
    }

    .showmobile{
        display: block !important;
    }

    .services-page-wrapper .services-list-wrapper ul li:nth-child(even) .content {
        text-align: left;
    }

    .services-page-wrapper .services-list-wrapper ul li:nth-child(even) .content .yellowline, .services-page-wrapper .services-list-wrapper ul li:nth-child(even) h1 {
        float: none;
    }

    .services-page-wrapper .services-list-wrapper ul li .content a .err-btn {
        display: none;
    }

    .services-page-wrapper .services-list-wrapper ul li .left, .services-page-wrapper .services-list-wrapper ul li .right {
        float: none;
        width: 100%;
    }

    .da-thumbs,
    .da-thumbs li {
        width: 100%;
        border: none;
    }

    .da-thumbs li a svg {
        display: none;
    }

    #menu-main-menu li a {
        font-size: 12px;
    }

    #menu-main-menu{
        padding-bottom: 20px;
    }

    .navbar-toggler:focus,
    .navbar-toggler {
        color: white;
        border: none;
        outline: none !important;
        font-size: 30px;
        box-shadow: none;
    }

    #menu-main-menu li a {
        font-size: 16px;
        text-align: center;
        margin-top: 5px;
    }

    .contact-us-wrapper .contact-us-content .left, .contact-us-wrapper .contact-us-content .right {
        float: none;
        width: 100%;
    }

    .contact-us-wrapper .form-wrapper h2 {
        left: -23%;
    }

    .contact-us-wrapper .map-wrapper {
        margin-top: 30px;
    }

    .contact-us-wrapper .contact-us-content {
        margin-top: 60px;
        width: 85%;
        padding: 0;
    }

    footer{
        text-align: center;
        background: #1b2144;
        color: white;
        padding: 15px 0px;
        padding-top: 20px;
        margin-top: 30px;
    }

    footer .social-wrapper ul {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 20px;
    }

    footer .social-wrapper ul li:first-child{
        display: block;
        padding-bottom: 5px;
    }

    main .top-banner {
        padding: 60px 30px;
        color: white;
        margin-bottom: 40px;
    }

    header .navbar-brand img ,
    .not-home header .navbar-brand img {
        max-width: 110px;
    }

    .not-home #header {
        /*background: #061641;*/
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#061641+3,061641+3,0d4287+10,0d4287+24,061641+30 */
        background: rgb(6,22,65); /* Old browsers */
        background: -moz-linear-gradient(45deg,  rgb(6,22,65) 3%, rgb(6,22,65) 3%, rgb(13,66,135) 10%, rgb(13,66,135) 24%, rgb(6,22,65) 30%); /* FF3.6-15 */
        background: -webkit-linear-gradient(45deg,  rgb(6,22,65) 3%,rgb(6,22,65) 3%,rgb(13,66,135) 10%,rgb(13,66,135) 24%,rgb(6,22,65) 30%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(45deg,  rgb(6,22,65) 3%,rgb(6,22,65) 3%,rgb(13,66,135) 10%,rgb(13,66,135) 24%,rgb(6,22,65) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#061641', endColorstr='#061641',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

        padding: 0;
        position: fixed;
        width: 100%;
    }

    .not-home #main {
        margin-top: 54px;
    }

    .form-wrapper h2 {
        left: -20%;
        bottom: 28%;
        font-size: 20px;
    }

    .home-wrapper #fullpage .content {
        width: 70%;
        color: white;
        position: absolute;
        right: 15%;
        bottom: 25%;
        text-align: right;
    }

    .home-wrapper #fullpage .content .anibg .col02 {
        background: #ffc811;
        width: 60px;
        height: 170px;
        position: absolute;
        right: -40px;
        top: -45px;
        opacity: .8;
    }

    .home-wrapper #fullpage .content .anibg .col01 {
        background: #bf2626;
        width: 70px;
        height: 70px;
        position: absolute;
        right: -10px;
        top: -25px;
        opacity: .7;
    }

    .service-wrapper ul.top li.item-with-full {
        background: url(../images/service-full-bg.png)center right no-repeat;
        background-size: cover;
        position: relative;
        padding-bottom: 40px;
    }

    .home-wrapper #fullpage .content .anibg .col03 {
        background: #2a2f57;
        width: 65px;
        height: 190px;
        position: absolute;
        right: -20px;
        top: -15px;
        opacity: 1;
    }

    .home-wrapper #fullpage .content .desc h1 {
        text-transform: uppercase;
        font-size: 24px;
        line-height: 28px;
        margin-top: 10px;
    }

    .home-wrapper #fullpage .content .desc a {
        font-size: 16px;
    }

    .home-wrapper #fullpage .content .desc a span {
        width: 40px;
    }

    .aboutus-wrapper {
        padding: 0;
    }

    .home-wrapper #fullpage .content .desc p {
        font-size: 16px;
        line-height: 20px;
        padding-top: 5px;
        padding-bottom: 10px;
    }

    header .navbar-brand img {
        height: auto;
        width: 100%;
    }

    header {
        position: fixed;
    }

    .home-wrapper .form-wrapper h2 {
        position: initial;
        transform: rotate(0deg);
        left: -23%;
        bottom: 20%;
        background: #ffc700;
        z-index: 2;
        color: #1a2144;
        padding: 4px 30px;
        font-size: 26px;
        padding-top: 10px;
        margin: 10px 0px;
    }


    .portfolio-single-wrapper .desc-content h1, .portfolio-single-wrapper .gallery-content h1 {
         text-align: center;
    }

    .portfolio-single-wrapper .desc-content h4 {
        padding-top: 0;
    }

    .alignnone {
        margin: 0;
    }

    .portfolio-single-wrapper .desc-content .image-item {
        margin-bottom: 20px;
        margin-top: 30px;
    }

    .portfolio-single-wrapper iframe {
        height: 250px;
    }

    .contact-us-wrapper .map-wrapper {
        box-shadow: 125px 125px 0px -110px #bf2626;
    }

    .contact-us-wrapper .form-wrapper {
        box-shadow: 63px -70px 0px -50px #bf2626;
    }
    
    .contact-us-wrapper .form-wrapper {
        padding: 40px 25px;
        padding-bottom: 30px;
    }

    .contact-us-wrapper .form-wrapper h2 {
        position: initial;
        font-size: 44px;
        text-transform: uppercase;
        transform: rotate(0deg);
        left: -20%;
        bottom: 20%;
        background: #ffc700;
        z-index: 2;
        color: #1a2144;
        padding: 4px 10px;
        font-size: 23px;
        padding-top: 10px;
        margin: 10px 0px;
    }

    .aboutus-wrapper .content {
        position: relative;
        padding: 0px 25px;
        padding-left: 25px;
        padding-top: 50px;
        text-align: center;
    }

    .aboutus-wrapper .content .htitle {
        position: initial;
        font-size: 36px;
        text-transform: uppercase;
        transform: rotate(0deg);
        left: -5%;
        top: 25%;
    }

    .aboutus-wrapper .content .red-line {
        height: 4px;
        width: 12%;
        margin: 0px auto;
        margin-top: 5px;
        margin-bottom: 15px;
        background: #bf2626;
    }

    .form-wrapper .yellow.line{
        display: none;
    }

    .aboutus-wrapper img {
        margin-top: 40px;
    }

    .aboutus-wrapper .read-more-btn {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .aboutus-wrapper img{
        width: 90%;
        box-shadow: 60px 70px 0px -50px #bf2626;
    }

    .service-wrapper ul li .left, .service-wrapper ul li .right {
        float: left;
        width: 100%;
    }

    .show998 {
        display: none !important;
    }

    .hide998 {
        display: block !important;
    }

    .service-wrapper ul li .item-desc {
        text-align: left !important;
        padding: 55px 30px;
        padding-bottom: 80px;
        background: url(../images/service-item-bg.png)top left no-repeat;
        background-size: cover;
    }

    span.err-btn {
        display: none;
    }
}

@media(max-width: 600px){
    .contact-us-wrapper .form-wrapper h2 {
        left: -26%;
    }
}

@media(max-width: 450px){
    .contact-us-wrapper .form-wrapper h2 {
        left: -32%;
    }
}