/*==============================================

          Folio Website Stylesheet

           Body Core Stylesheet

===============================================*/



* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



*:before,

*:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box

}



body {

    width: 100%;

    margin: 0px;

    padding: 0px;

    font-size: 16px;

    line-height: 1.8;

    overflow-x: hidden;

    background-color: #fff;

    font-family: 'Montserrat', sans-serif;

}



body,

html {

    height: 100%;

}



.btn:focus,

.btn:active {

    outline: none !important;

    box-shadow: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

ul {

    margin: 0px;

    padding: 0px

}



ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    display: block;

}



li {

    display: inline-block;

}



a {

    cursor: pointer;

}



a:hover {

    text-decoration: none;

}



textarea {

    resize: none;

}



::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #a3a3a3;

    font-weight: 300;

    font-size: 13px;

    text-transform: uppercase;

    font-style: normal;

    font-family: 'Montserrat', sans-serif;

}



::-moz-placeholder {

    /* Firefox 19+ */

    color: #a3a3a3;

    font-weight: 300;

    font-size: 13px;

    text-transform: uppercase;

    font-style: normal;

    font-family: 'Montserrat', sans-serif;

}



:-ms-input-placeholder {

    /* IE 10+ */

    color: #a3a3a3;

    font-weight: 300;

    font-size: 13px;

    text-transform: uppercase;

    font-style: normal;

    font-family: 'Montserrat', sans-serif;

}



:-moz-placeholder {

    /* Firefox 18- */

    color: #a3a3a3;

    font-weight: 300;

    font-size: 13px;

    text-transform: uppercase;

    font-style: normal;

    font-family: 'Montserrat', sans-serif;

}



::placeholder {

    color: #a3a3a3;

    font-weight: 300;

    font-size: 13px;

    text-transform: uppercase;

    font-style: normal;

    font-family: 'Montserrat', sans-serif;

}



/*====================

       Header

====================*/



header {

    height: 63px;

    padding: 28px 0 0 0;

    background: rgba(0, 0, 0, 0);

    position: relative;

    z-index: 100;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

}



.header {

    background-image: url("../images/header-banner.jpg");

    background-size: cover;

    background-position: top;

    background-repeat: no-repeat;

}



header .social-icons {

    float: right;

    padding: 12px 13px;

    position: relative;

}



header .social-icons a {

    margin-left: 25px;

}



header .social-icons i {

    font-size: 18px;

    color: white;

}



/*-------------------------------*/



/*     Sidebar nav styles        */



/*-------------------------------*/



header .social-icons i:hover {

    color: #ffff00;

}



.affix {

    top: 0;

    z-index: 9999 !important;

}



.slide-menu .fa-bars {

    font-size: 30px;

    margin-left: 28px;

    float: right;

    color: #ffffff;

}



.sidenav {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 999;

    top: 0;

    right: 0;

    background-color: rgba(0, 0, 0, 0.8392156862745098);

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 70px;

}



.sidenav.hided {

    width: 0;

}



.sidenav a {

    padding: 8px 8px 8px 32px;

    text-decoration: none;

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    display: block;

    transition: 0.3s;

}



.sidenav a:hover,

.sidenav .active {

    color: #49a003;

}



.sidenav .closebtn {

    position: absolute;

    top: 0;

    right: 25px;

    font-size: 36px;

    margin-left: 50px;

}



.slide-menu {

    cursor: pointer;

}



@media screen and (max-height: 450px) {

    .sidenav {

        padding-top: 15px;

        z-index: 9999;

    }

    .sidenav a {

        font-size: 14px;

    }

}



/* .testheight Not required - unless testing ;) */



.testheight {

    height: 1200px;

    font-size: 20px;

    text-align: center;

    padding: 100px 20px;

}



/*======================= 

      Banner-Styles

=======================*/



.banner-home {

    width: 100%;

    height: auto;

    display: flex;

    color: #ffffff;

    position: relative;

    background-size: cover;

    background-position: top;

    background-repeat: no-repeat;

    background-image: url("../images/banner.jpg");

}



.banner-home .col-2 {

    padding-top: 160px;

    padding-left: 50px;



}



.banner-home .col-1 a img {

    padding-bottom: 70px;

}



.banner-home .col-1 {

    padding-top: 60px;

    padding-bottom: 80px;

    background: url(../images/banner-inner-bg.jpg);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}



.banner-home .left-content {

    position: relative;

    padding-right: 20px;

    width: 390px;

    float: right;

}



.banner-home .col-1 .gradient {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    position: absolute;

    background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 00, 0.6) 100%);

    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);

    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='ffffff', GradientType=1);

}



.banner-home h1 {

    font-size: 92px;

    font-weight: 800;

    letter-spacing: -4px;

    text-transform: uppercase;

    padding-bottom: 60px;

}



.banner-home h1 span,

.banner-home h2 span {

    display: block;

}



.banner-home h2 span {

    font-size: 25px;

    line-height: 35px;

}



.banner-home p {

    font-size: 15px;

    padding-bottom: 20px;

}



.banner-home a .fa {

    font-size: 20px;

    margin-right: 30px;

    padding-bottom: 50px;

}



.banner-home h6 {

    font-size: 18px;

    margin-bottom: 20px;

}



.banner-home h6 .fa {

    font-size: 18px;

    margin-right: 15px;

}



.banner-home .space {

    padding: 30px 0;

}



.banner-home .more-button {

    text-align: left;

}



.banner-home .btn-primary,

.banner-home .btn-secondary {

    color: #ffffff;

    background-color: transparent;

    border-color: #ffffff;

    border: 2px solid #ffffff;

    font-weight: 700;

    font-size: 14px;

    border-radius: 100px;

    padding: 14px 30px;

    text-transform: uppercase;

    margin: 10px;

}



.banner-home .btn-primary:hover {

    color: #135517;

    background: #ffffff;

}



.banner-home .btn-secondary {

    background: #ffffff;

    color: #135517;

}



.banner-home .btn-primary:not(:disabled):not(.disabled):active {

    color: #135517;

    background-color: #ffffff;

    border-color: #ffffff;

}





/*======================= 

    Subscribe-Styles

=======================*/



.Subscribe {

    width: 100%;

    height: auto;

    padding-bottom: 80px;

    color: #fff;

    z-index: 9;

    position: relative;

    border-bottom: 1px solid #ffffff;

}



.Subscribe form {

    float: right;

}



.Subscribe .heading h3 {

    font-size: 50px;

    font-weight: 300;

    letter-spacing: -3px;

    padding-bottom: 0px;

}



.Subscribe .heading h6 {

    font-size: 25px;

    font-weight: 300;

    letter-spacing: 2px;

}



.Subscribe .Subscribe {

    padding: 55px 0;

}



.Subscribe .form-control {

    margin-bottom: 19px;

    font-size: 14px;

    border-radius: 0;

    font-style: italic;

    padding: 10px 10px;

}



.Subscribe .input-group {

    padding: 7px 0;

}



.Subscribe .btn-info {

    width: 210px;

    height: 72px;

    text-align: center;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    color: #fff;

    background: -moz-linear-gradient(-45deg, rgba(199, 255, 0, 0.6) 0%, rgba(0, 255, 248, 0.6) 100%);

    background: -webkit-linear-gradient(-45deg, rgba(199, 255, 0, 0.6) 0%, rgba(0, 255, 248, 0.6) 100%);

    background: linear-gradient(135deg, rgba(199, 255, 0, 0.6) 0%, rgba(0, 255, 248, 0.6) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c7ff00', endColorstr='#9900fff8', GradientType=1);

    font-size: 22px;

    border-radius: 0;

    font-weight: 400;

    border: none;

}



.Subscribe .btn-info:hover {

    color: #fff;

    background-color: transparent;

    border-color: rgba(255, 255, 255, 0.35);

}



.Subscribe input {

    font-size: 12px;

    width: 322px;

    height: 72px;

    padding: 0 18px;

    border: none;

}



/*=======================

    Section-1 Styles

=======================*/



.section-1 {

    width: 100%;

    height: auto;

    color: #ffffff;

    padding-top: 100px;

    padding-bottom: 60px;

    background: #000000;

}



.section-1 a {

    color: #ffffff;

}



.section-1 h2 {

    font-size: 40px;

    font-weight: 300;

    padding-bottom: 20px;

}



.section-1 h2 span {

    color: #00ffff;

}



.section-1 p {

    font-size: 18px;

    font-weight: 300;

    padding-bottom: 20px;

}



.section-1 .col-1 {

    padding-top: 70px;

    padding-left: 40px;

}



.section-1 .col-1 a {

    font-size: 18px;

    margin-left: 10px;

    text-transform: uppercase;

}



.section-1 .col-1 .fa {

    color: #7a7a7a;

    font-size: 20px;

    padding-bottom: 40px;

}



/*=======================

    Section-2 Styles

=======================*/



.section-2 {

    width: 100%;

    height: auto;

    padding-top: 75px;

    padding-bottom: 70px;

}



.section-2 .heading {

    text-align: center;

}



.section-2 h2 {

    color: #000000;

    font-size: 76px;

    font-weight: 700;

    padding-bottom: 10px;

    text-transform: uppercase;

}



.section-2 h3 {

    color: #a6a6a6;

    font-size: 15px;

    padding: 0 100px;

    line-height: 25px;

    padding-bottom: 75px;

}



.section-2 .more-button {

    text-align: center;

    padding-top: 75px;

}



.section-2 .btn-primary,

.section-2 .btn-secondary {

    color: #000;

    background-color: transparent;

    border-color: #000;

    border: 2px solid #000;

    font-weight: 700;

    font-size: 14px;

    border-radius: 100px;

    padding: 14px 30px;

    text-transform: uppercase;

    margin: 10px;

}



.section-2 .btn-primary:hover {

    color: #ffffff;

    background: #000000;

}



.section-2 .btn-secondary {

    background: black;

    color: #fff;

}



.section-2 .btn-primary:not(:disabled):not(.disabled):active {

    color: #fff;

    background-color: #000000;

    border-color: #000000;

}



.section-2 .overlay img {

    width: 20%;

    position: absolute;

}



.section-2 .box {

    position: relative;

}





.section-2 .img-fluid {

    display: block;

    width: 100%;

    object-fit: cover;

    height: 295px;

    margin-bottom: 30px;

}



.section-2 .box:hover .overlay {

    opacity: 1;

}



.section-2 .text span {

    display: block;

}



.section-2 .overlay {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 15px;

    right: 0;

    height: 91%;

    width: 95.5%;

    opacity: 0;

    transition: .5s ease;

    background: -moz-linear-gradient(-45deg, rgba(199, 255, 0, 0.6) 0%, rgba(0, 255, 248, 0.6) 100%);

    background: -webkit-linear-gradient(-45deg, rgba(199, 255, 0, 0.6) 0%, rgba(0, 255, 248, 0.6) 100%);

    background: linear-gradient(135deg, rgba(199, 255, 0, 0.6) 0%, rgba(0, 255, 248, 0.6) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c7ff00', endColorstr='#9900fff8', GradientType=1);

    display: flex;

    align-items: center;

    justify-content: center;

}



.section-2 .other .img-fluid {

    height: 620px;

}



.section-2 .overlay img {

    width: 30%;

}



.section-2 .other .overlay {

    height: 95.4%;

    width: 95.3%;

}



.section-2 .col2 .img-fluid,

.section-2 .col3 .img-fluid {

    height: 360px;

}



.section-2 .col2 .overlay {

    height: 92.2%;

    width: 96.9%;

}



.section-2 .col2 .overlay img {

    width: 15%;

}



.section-2 .col3 .overlay img,

.section-2 .col1 .overlay img {

    width: 20%;

}



.section-2 .col3 .overlay {

    height: 92.2%;

    width: 95.3%;

}



.section-2 .text {

    color: white;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 0.5px;

    position: absolute;

    bottom: 8%;

    left: 10%;

}



.section-2 h4 {

    font-size: 15px;

    color: #8d8d8d;

    font-weight: 500;

    line-height: 28px;

    padding-bottom: 60px;

}



.section-2 .other1 .overlay img {

    width: 15%;

}



.section-2 .modal {

    z-index: 99999;

}



.section-2 .modal-backdrop.show {

    opacity: .8;

}



.section-2 .modal-backdrop {

    z-index: 9999;

}



/*=======================

      Blog Styles

=======================*/



.blog {

    width: 100%;

    height: auto;

    padding-top: 80px;

    padding-bottom: 85px;

    border-top: 1px solid #000;

    border-bottom: 1px solid #000;

}



.blog .heading {

    text-align: center;

}



.blog h2 {

    color: #000000;

    font-size: 76px;

    font-weight: 700;

    padding-bottom: 10px;

    text-transform: uppercase;

}



.blog h3 {

    color: #a6a6a6;

    font-size: 15px;

    padding: 0 50px;

    line-height: 25px;

    padding-bottom: 75px;

}



.blog h4 a {

    color: #000;

}



.blog h4 {

    color: #363636;

    font-size: 26px;

    padding-top: 25px;

    padding-bottom: 35px;

    font-weight: 400;

}



.blog .btn-secondary {

    color: #000000;

    border-radius: 100px;

    background: none;

    font-weight: 700;

    text-transform: uppercase;

    padding: 12px 20px;

    font-size: 14px;

    border: 2px solid #000;

}



.blog .btn-secondary:hover {

    color: #ffffff;

    background: #000000;

}



.blog figure img {

    height: 295px;

    object-fit: cover;

}



/*=======================

      Footer Section

=======================*/



.testimonial {

    width: 100%;

    height: auto;

    color: #000000;

    padding-top: 90px;

    padding-bottom: 75px;

}



.testimonial .heading {

    text-align: center;

}



.testimonial img {

    width: 130px;

    height: 130px;

    object-fit: cover;

}



.testimonial .carousel-indicators {

    margin-bottom: 0;

    bottom: 0;

}



.testimonial .carousel-indicators li {

    width: 10px;

    height: 10px;

    border-radius: 100%;

    background: #000000;

}



.testimonial .carousel-inner {

    padding-bottom: 60px;

}



.testimonial .carousel-indicators .active {

    background-color: #39b54a;

}



.testimonial h2 {

    color: #000000;

    font-size: 76px;

    font-weight: 700;

    padding-bottom: 10px;

    text-transform: uppercase;

}



.testimonial h3 {

    color: #a6a6a6;

    font-size: 15px;

    padding: 0 50px;

    line-height: 25px;

    padding-bottom: 75px;

}



.testimonial .carousel-inner .content p {

    font-size: 18px;

    font-weight: 300;

}



.testimonial .carousel-inner .content h5 {

    font-size: 16px;

    font-weight: 600;

}



.testimonial .carousel-inner .content h6 {

    font-size: 16px;

    font-weight: 400;

}



.carousel {

    position: initial;

}



.carousel-inner .carousel-item .img-box {

    width: 135px;

    height: 135px;

}



.carousel-control-prev {

    left: -100px;

}



.carousel-control-next {

    right: -100px;

}



@media (min-width: 320px) and (max-width: 640px) {

    .carousel-inner .carousel-item p {

        font-size: 14px;

    }

}



/*=======================

      Footer Section

=======================*/



footer {

    width: 100%;

    height: auto;

    padding-top: 80px;

    padding-bottom: 40px;

    color: #fff;

    position: relative;

    background-image: url("../images/footer-bg.jpg");

    background-repeat: no-repeat;

    background-position: top;

    background-size: cover;

}

footer h6 {font-size: 14px;letter-spacing: 0.5px; text-align: center;}

footer h6 span a,footer h6 span a:hover {color: #b9b90c;}

footer img {padding-top: 40px;}

footer .gradient {

    background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);

    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);

    background: linear-gradient(135deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#e6000000', GradientType=1);

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}



footer .nav-link {

    color: #dddddd;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

}



footer ul {

    margin-top: 30px;

}



footer address p {

    color: #cccccc;

    font-size: 20px;

    padding-top: 20px;

    padding-bottom: 0;

}



footer .nav-link:hover {

    color: #ded302;

}



footer address p span {

    display: block;

}



footer address p .call {

    color: #b9b903;

    font-size: 22px;

    font-weight: 500;

}



footer .fa {

    font-size: 25px;

}



footer .fa-facebook-official {

    color: #0054a6;

}



footer .fa-twitter {

    color: #00ffff;

}



footer .fa-pinterest {

    color: #ff00ff;

}



footer .fa-youtube {

    color: #ff0000;

}



footer .fa-vimeo {

    color: #00bff3;

}



footer .fa-google-plus {

    color: #39b54a;

}



/*===================================

            About-Page

===================================*/



#about-us {

    border-bottom: 1px solid gray;

    padding-top: 100px;

    padding-bottom: 200px;

    background-color: #fff;

}



#about-us h3 {

    font-size: 24px;

    padding-bottom: 65px;

    text-transform: uppercase;

    font-weight: 600;

}



#about-us p {

    margin: 0;

    color: #8d8d8d;

    font-size: 16px;

    line-height: 25px;

    letter-spacing: 0.5px;

    text-align: left;

    font-weight: 400;

    margin-bottom: 30px;

}



#about-us .image {

    float: left;

    width: 390px;

    height: 620px;

    shape-margin: 20px;

    margin-right: 50px;

    margin-bottom: 52px;

}



#about-us .thumbnail {

    padding: 0;

    border: none;

    border-radius: 0;

    object-fit: cover;

}



/*=================================

         Contact-page

=================================*/



.navbar-toggle .icon-bar {

    display: block;

    width: 23px;

    height: 4px;

}



#contact {

    padding-top: 65px;

    padding-bottom: 200px;

    border-bottom: 1px solid gray;

    background-color: #ffffff;

}



#contact h2 {

    color: #000000;

    font-weight: 700;

    letter-spacing: -4px;

    font-size: 50px;

    padding-bottom: 40px;

    text-transform: uppercase;

}



#contact p {

    color: #000000;

    font-size: 16px;

    font-weight: 300;

    padding-bottom: 40px;

}



#contact .btn {

    margin-top: 45px;

    text-transform: uppercase;

    width: 152px;

    height: 46px;

    font-size: 24;

    background-color: #007236;

    border: none;

    border-radius: 0;

}



#contact .form-control,

.form-control {

    background: white;

    border-radius: 0;

    height: 58px;

}



#contact .btn:hover {

    background-color: #3dd652;

}



/*=============================

     Portfolios-page Styles

=============================*/



.portfolio-page {

    width: 100%;

    height: auto;

    padding-top: 75px;

    padding-bottom: 70px;

}



.portfolio-page .heading {

    text-align: left;

}



.portfolio-page h2 {

    color: #000000;

    font-size: 50px;

    font-weight: 700;

    padding-bottom: 60px;

    text-transform: uppercase;

}



.portfolio-page hr {

    padding-bottom: 60px;

}



.portfolio-page .more-button {

    text-align: center;

    padding-top: 75px;

}



.portfolio-page .btn-primary {

    color: #dddddd;

    background-color: transparent;

    border-color: #b2b2b2;

    border: 2px solid #b2b2b2;

    font-weight: 700;

    font-size: 14px;

    border-radius: 100px;

    padding: 14px 30px;

    text-transform: uppercase;

    margin: 10px;

}



.portfolio-page .btn-primary:hover {

    color: #ffffff;

    background: #000000;

    border: 2px solid #000000;

}



.portfolio-page .btn-primary:not(:disabled):not(.disabled):active {

    color: #fff;

    background-color: #000000;

    border-color: #000000;

}



.portfolio-page .overlay img {

    width: 20%;

    position: absolute;

}



.portfolio-page .box {

    position: relative;

}



.portfolio-page .img-fluid {

    display: block;

    width: 100%;

    object-fit: cover;

    height: 295px;

    margin-bottom: 30px;

}



.portfolio-page .box:hover .overlay {

    opacity: 1;

}



.portfolio-page .text span {

    display: block;

}



.portfolio-page .overlay {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 15px;

    right: 0;

    height: 91%;

    width: 95.5%;

    opacity: 0;

    transition: .5s ease;

    background: -moz-linear-gradient(-45deg, rgba(199, 255, 0, 0.6) 0%, rgba(0, 255, 248, 0.6) 100%);

    background: -webkit-linear-gradient(-45deg, rgba(199, 255, 0, 0.6) 0%, rgba(0, 255, 248, 0.6) 100%);

    background: linear-gradient(135deg, rgba(199, 255, 0, 0.6) 0%, rgba(0, 255, 248, 0.6) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99c7ff00', endColorstr='#9900fff8', GradientType=1);

    display: flex;

    align-items: center;

    justify-content: center;

}



.portfolio-page .other .img-fluid {

    height: 620px;

}



.portfolio-page .overlay img {

    width: 30%;

}



.portfolio-page .other .overlay {

    height: 95.4%;

    width: 95.3%;

}



.portfolio-page .col2 .img-fluid,

.portfolio-page .col3 .img-fluid {

    height: 360px;

}



.portfolio-page .col2 .overlay {

    height: 92.2%;

    width: 96.9%;

}



.portfolio-page .col2 .overlay img {

    width: 15%;

}



.portfolio-page .col3 .overlay img,

.portfolio-page .col1 .overlay img {

    width: 20%;

}



.portfolio-page .col3 .overlay {

    height: 92.2%;

    width: 95.3%;

}



.portfolio-page .text {

    color: white;

    font-size: 16px;

    font-weight: 400;

    letter-spacing: 0.5px;

    position: absolute;

    bottom: 8%;

    left: 10%;

}



.portfolio-page h4 {

    font-size: 15px;

    color: #8d8d8d;

    font-weight: 500;

    line-height: 28px;

    padding-bottom: 60px;

}



.portfolio-page .other1 .overlay img {

    width: 15%;

}



.portfolio-page .modal {

    z-index: 99999;

}



.portfolio-page .modal-backdrop.show {

    opacity: .8;

}



.portfolio-page .modal-backdrop {

    z-index: 9999;

}



/*=======================

      Blog-page Styles

=======================*/



.blog-page {

    width: 100%;

    height: auto;

    padding-top: 80px;

    padding-bottom: 85px;

}



.blog-page .heading {

    text-align: left;

}



.blog-page h2 {

    color: #000000;

    font-size: 50px;

    letter-spacing: -4px;

    font-weight: 700;

    padding-bottom: 80px;

    text-transform: uppercase;

}



element.style {

    height: 295px;

    object-fit: cover;

    width: 100%;

}



.blog-page figure img {

    height: 295px;

    object-fit: cover;

}



.blog-page figure {

    margin: 0 0 40px;

}



.blog-page h3 {

    color: #a6a6a6;

    font-size: 15px;

    padding: 0 50px;

    line-height: 25px;

    padding-bottom: 75px;

}



.blog-page h4 a {

    color: #363636;

}



.blog-page h4 {

    color: #363636;

    font-size: 26px;

    padding-top: 25px;

    padding-bottom: 35px;

    font-weight: 400;

}



.blog-page .btn-secondary {

    color: #000000;

    border-radius: 100px;

    background: none;

    font-weight: 700;

    text-transform: uppercase;

    padding: 12px 20px;

    font-size: 14px;

    border: 2px solid #000;

}



.blog-page .btn-secondary:hover {

    color: #ffffff;

    background: #000000;

}



.blog-page .bt {

    padding-top: 50px;

}



.blog-page .bt ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    text-align: left;

}



.blog-page .bt ul li {

    background: transparent;

    border: 1px solid #d4d4d4;

    display: inline-flex;

    text-align: center;

    border-radius: 100px;

    margin-right: 5px;

}



.blog-page .bt .active {

    background-color: transparent;

    border: 1px solid #070c0c;

    color: black;

    border-radius: 100px;

}



.blog-page .bt a:hover {

    background-color: transparent;

    border: 1px solid #070c0c;

    color: black;

    border-radius: 100px;

}



.blog-page .bt ul li a {

    width: 37px;

    height: 37px;

    color: #070c0c;

    margin: 0 auto;

    font-size: 16px;

    padding: 5px 0;

    font-weight: 600;

    text-decoration: none;

}



/*=============================

        Service-Page

=============================*/



#services {

    padding-top: 75px;

    padding-bottom: 100px;

}



#services .career-img {

    width: 320px;

    object-fit: cover;

    height: 320px;

    -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.09);

    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.09);

    box-shadow: 0 0 16px rgba(0, 0, 0, 0.09);

}



#services h3 {

    color: #b7b7b7;

    margin: 0;

    font-size: 40px;

    font-weight: 800;

    text-align: left;

    padding-bottom: 50px;

    margin-top: -4px;

    text-transform: uppercase;

}



#services .main-content {

    padding-bottom: 80px;

}



#services .contant p {

    color: #737373;

    font-size: 18px;

    line-height: 30px;

    margin-top: -4px;

    font-weight: 300;

    padding-bottom: 25px;

}



#services h2 {

    color: #000000;

    font-size: 50px;

    padding-bottom: 50px;

    text-transform: capitalize;

    font-weight: 600;

}



#services .heading p {

    font-size: 18px;

    padding-bottom: 50px;

    font-weight: 400;

}



/*====================================

          Blog-single Page

====================================*/



#blog-single {

    width: 100%;

    height: auto;

    padding-bottom: 100px;

    padding-top: 50px;

    border-bottom: 1px solid #b2b2b2;

}



#blog-single hr {

    position: relative;

    border-color: #cccccc;

}



.inner-contant {

    padding-top: 50px;

}



#blog-single .spl-pg {

    width: 68%;

    color: #636363;

    font-size: 24px;

    font-weight: 400;

    font-style: italic;

    margin: 0 auto;

    padding-top: 30px;

    padding-bottom: 60px;

}



#blog-single h1 {

    color: #111111;

    font-size: 50px;

    font-weight: 600;

    padding-bottom: 50px;

    letter-spacing: -4px;

    position: relative;

    text-transform: uppercase;

}



#blog_single .qutation {

    width: 100%;

    text-align: center;

    padding: 50px 170px 50px;

    margin: 40px 0;

    border: 1px solid #c8c8c8;

}



#blog-single .heading h2 {

    color: #111111;

    font-size: 41px;

    line-height: 49px;

    padding-right: 300px;

    padding-bottom: 50px;

    font-family: 'Montserrat', sans-serif;

}



#blog-single .section4 .card-deck {

    margin-left: -30px;

    margin-right: -30px;

}



#blog-single .section4 h2 {

    font: 36px sans-serif;

    margin-top: 30px;

    margin-bottom: 80px;

    font-weight: 600;

    color: #2e2c39;

    text-align: center;

    text-transform: uppercase;

}



#blog-single .section4 h2.background {

    position: relative;

    z-index: 1;

}



#blog-single .section4 h2.background:before {

    border-top: 2px solid #dfdfdf;

    content: "";

    margin: 0 auto;

    /* this centers the line to the full width specified */

    position: absolute;

    /* positioning must be absolute here, and relative positioning must be applied to the parent */

    top: 50%;

    left: 0;

    right: 0;

    bottom: 0;

    width: 100%;

    z-index: -1;

}



#blog-single .section4 h2.background span {

    /* to hide the lines from behind the text, you have to set the background color the same as the container */

    background: #fff;

    padding: 0 15px;

}



#blog-single .box p {

    margin: 0;

    color: #636363;

    font-size: 17px;

    line-height: 30px;

    text-align: justify;

    word-spacing: -1px;

    margin-top: -7px;

    padding-bottom: 40px;

    font-weight: 400;

    font-family: 'Montserrat', sans-serif;

}



.social-buttons .inner-text span:first-child {

    color: black;

    font-weight: 600;

}



.social-buttons .inner-text span:last-child {

    color: #737373;

    font-weight: 500;

    border-bottom: 1px solid gray;

}



#blog-single h4 {

    font-size: 24px;

    text-align: left;

    color: #545454;

    line-height: 47px;

    line-height: 80px;

    font-family: 'Montserrat', sans-serif;

}



#blog-single .inner-text a {

    color: #737373;

    font-weight: 400;

    font-family: 'Montserrat', sans-serif;

}



#blog-single .inner-text a:hover,

#blog-single .inner-text a:focus {

    text-decoration: none;

    border-bottom: 1px solid #fc4733;

    color: #fc4733;

}



#blog-single .qutation {

    width: 100%;

    border: 1px solid #b5b5b5;

    text-align: center;

    padding: 73px 160px;

    margin-bottom: 50px;

}



.social-buttons {

    border: 1px solid #c2c2c2;

    margin-top: 60px;

    margin-bottom: 120px;

}



.social-buttons h3 {

    color: #737373;

    font-size: 17px;

    font-weight: 300;

    text-align: right;

    margin-right: 20px;

    padding: 47px 20px;

    font-family: 'Montserrat', sans-serif;

}



#blog_single .heading {

    font-size: 45px;

    padding-top: 60px;

}



#blog_single .heading h2 {

    font-size: 33px;

}



#blog-single .post {

    padding-top: 40px;

}



#blog-single .post h3 {

    padding-bottom: 40px;

    font-size: 41px;

    color: #363636;

}



#blog-single .post strong {

    display: block;

    font-size: 23px;

    font-weight: 500;

    color: #8dc63f;

}



#blog-single .more-blog figure img {

    width: 100%;

    height: 295px;

    object-fit: cover;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}



#blog-single .col-xs-12 {

    margin-bottom: 10px;

}



#blog-single h4 {

    color: #5d5d5d;

    opacity: 0.8;

    font-size: 17px;

    font-weight: 400;

    padding-top: 20px;

}



#blog-single h4 span {

    font-weight: 600;

    opacity: 1;

}



#blog-single .heading1 {

    color: #363636;

    font-size: 36px;

    letter-spacing: -2px;

    font-weight: 500;

    line-height: 51px;

    padding: 40px 0;

    padding-right: 300px;

    font-family: 'Montserrat', sans-serif;

}



#blog-single .heading2 {

    font-size: 39px;

    font-weight: 500;

    letter-spacing: -2px;

    padding: 30px 0;

    color: #363636;

    text-transform: capitalize;

    font-family: 'Montserrat', sans-serif;

}



#blog-single .social-links li {

    width: 120px;

    height: 32px;

    color: white;

    padding: 1px 0;

    cursor: pointer;

    font-weight: 300;

    margin-right: 16px;

    border-radius: 5px;

    text-align: center;

    display: inline-block;

    list-style-type: none;

    font-family: 'Hammersmith One', sans-serif;



}



#blog-single .social-links {

    text-align: right;

    padding-top: 40px;

}



#blog-single .social-links li span {

    font-size: 12px;

    padding-left: 20px;

}



#blog-single .social-links li a {

    color: white;

    font-size: 12px;

}



#blog-single .break {



    display: block;

}



#blog-single .inner-contant p {

    text-align: left;

    color: #636363;

}



#blog-single .inner-contant p a {

    border-bottom: 1px solid #ed1c24;

    color: #ed1c24;

}



#blog-single .inner-contant p a:hover {

    text-decoration: none;

    border-bottom: none;

    color: white;

}



#blog-single p {

    font-size: 17px;

    font-weight: 500;

    padding-bottom: 25px;

    text-align: left;

}



#blog-single figure {

    margin: 0 0 0;

}



#blog-single p {

    padding-bottom: 20px;

}



#blog-single .heading {

    text-align: left;

    text-transform: uppercase;

}



#blog-single .img-thumbnail {

    padding: 0;

    width: 100%;

    height: auto;

    object-fit: cover;

    border: none;

    position: relative;

    border-radius: 0;

}



/*=======================

      Blog-page Styles

=======================*/



#blog-single .more-blog {

    padding-bottom: 70px;

    border-bottom: 1px solid #c6c6c6;

    border-top: 1px solid #c6c6c6;

}



#blog-single .more-blog .heading {

    text-align: left;

}



#blog-single .more-blog h2 {

    color: #363636;

    font-size: 41px;

    font-weight: 500;

    padding-top: 50px;

    text-transform: capitalize;

}



#blog-single figure img {

    width: 100%;

}



#blog-single .more-blog figure {

    margin: 0 0 40px;

}



#blog-single .more-blog h3 {

    color: #a6a6a6;

    font-size: 15px;

    padding: 0 50px;

    line-height: 25px;

    padding-bottom: 75px;

}



#blog-single .more-blog h4 a {

    color: #363636;

}



#blog-single .more-blog h4 {

    color: #363636;

    font-size: 24px;

    padding-top: 25px;

    line-height: 35px;

    padding-bottom: 35px;

    font-weight: 300;

}



#blog-single .more-blog .btn-secondary {

    color: #000000;

    border-radius: 100px;

    background: none;

    font-weight: 700;

    text-transform: uppercase;

    padding: 12px 20px;

    font-size: 14px;

    border: 2px solid #000;

}



#blog-single .more-blog .btn-secondary:hover {

    color: #ffffff;

    background: #000000;

}



#blog-single .post strong span {

    color: #959595;

    font-size: 14px;

    font-weight: 500;

}



#blog-single .post .col1 p,

#blog-single .post .col2 p {

    color: #959595;

    font-weight: 500;

    font-size: 17px;

    line-height: 35px;

}



#blog-single .post .col1 {

    padding: 50px 0;

    padding-right: 350px;

}



#blog-single .comment-box form .row {

    margin-left: -15px;

    margin-right: -15px;

}



#blog-single .comment-box form .col2 {

    padding: 0;

}



#blog-single .comment-box {

    padding-top: 40px;

}



#blog-single .post h2 {

    color: #363636;

    font-size: 41px;

    font-weight: 500;

}



#blog-single .post .col2 {

    padding-right: 350px;

}



#blog-single .comment-box h2 {

    color: #363636;

    font-size: 41px;

    font-weight: 500;

    padding-bottom: 50px;

}



#blog-single .comment-box form textarea {

    border-radius: 0;

    margin-bottom: 25px;

}



#blog-single .comment-box form .btn-primary {

    border: 2px solid #fff;

    text-transform: uppercase;

    padding: 15px 70px;

    border-radius: 0;

    font-weight: 600;

    font-size: 16px;

    background: rgb(132, 181, 0);

    background: -moz-linear-gradient(-45deg, rgba(132, 181, 0, 1) 0%, rgba(0, 197, 199, 1) 100%);

    background: -webkit-linear-gradient(-45deg, rgba(132, 181, 0, 1) 0%, rgba(0, 197, 199, 1) 100%);

    background: linear-gradient(135deg, rgba(132, 181, 0, 1) 0%, rgba(0, 197, 199, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b500', endColorstr='#00c5c7', GradientType=1);

}



#blog-single .comment-box form .btn-primary:hover {

    color: #49a003;

    background: transparent;

    border: 2px solid #49a003;

}



#blog-single .comment-box ::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #cacaca;

    font-weight: 400;

    font-size: 13px;

    font-style: italic;

    text-transform: capitalize;

}



#blog-single .comment-box ::-moz-placeholder {

    /* Firefox 19+ */

    color: #cacaca;

    font-weight: 400;

    font-size: 13px;

    font-style: italic;

    text-transform: capitalize;

}



#blog-single .comment-box form input {

    height: 50px;

    border-radius: 0;

    margin-bottom: 25px;

}

.banner-home a .fa:hover {color: #244c18;}

#blog-single .comment-box :-ms-input-placeholder {

    /* IE 10+ */

    color: #cacaca;

    font-weight: 400;

    font-size: 12px;

    font-style: italic;

    text-transform: capitalize;

}



#blog_single .comment-box :-moz-placeholder {

    /* Firefox 18- */

    color: #cacaca;

    font-weight: 400;

    font-size: 12px;

    font-style: italic;

    text-transform: capitalize;

}



#blog_single .comment-box ::placeholder {

    color: #cacaca;

    font-weight: 400;

    font-size: 12px;

    font-style: normal;

}



#blog-single .comment-box form textarea {

    padding: 20px 20px;

    height: auto;

}



.modal-backdrop.show {

    opacity: .7;

}



/*================================

                Contact-Page

================================*/



#contact-page {

    width: 100%;

    padding-top: 100px;

    padding-bottom: 200px;

}



#contact-page h2 {

    color: #000;

    font-size: 48px;

    letter-spacing: -2px;

    padding-bottom: 40px;

    font-weight: 700;

    text-transform: uppercase;

    font-family: 'Montserrat', sans-serif;

}



#contact-page input {

    height: 55px;

    color: #555;

    border-radius: 0;

}



#contact-page textarea.form-control {

    padding: 17px 12px;

    margin-bottom: 15px;

    height: auto;

}



#contact-page .fa {

    font-size: 27px;

    color: #000;

    margin-right: 12px;

    cursor: pointer;

}



#contact-page .fa:hover {

    color: #143bb5;

}



#contact-page ::placeholder {

    font-style: normal;

    font-size: 16px;

    color: #dfdfdf;

}



#contact-page .btn-default {

    color: #fff;

    font-size: 16px;

    padding: 16px 50px;

    border-radius: 0;

    font-weight: 500;

    text-transform: uppercase;

    font-family: 'Montserrat', sans-serif;

    border: 2px solid #000000;

    background-color: #000000;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}



#contact-page .btn-default:hover {

    border: 2px solid #1c8a00;

    color: #1c8a00;

    background-color: transparent;

}



address p {

    font-size: 30px;

    font-family: 'Montserrat', sans-serif;

    padding-bottom: 15px;

    letter-spacing: -0.5px;

    font-weight: 500;

}



#contact-page ::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #b8b8b8;

    text-transform: capitalize;

    font-size: 14px;

}



#contact-page ::-moz-placeholder {

    /* Firefox 19+ */

    color: #b8b8b8;

    text-transform: capitalize;

    font-size: 14px;

}



#contact-page ::-ms-input-placeholder {

    /* IE 10+ */

    color: #b8b8b8;

    text-transform: capitalize;

    font-size: 14px;

}



#contact-page ::-moz-placeholder {

    /* Firefox 18- */

    color: #b8b8b8;

    text-transform: capitalize;

    font-size: 14px;

}



/*=================================*/



/*   Media Queries Styles   */



/*=================================*/



@media (min-width: 1440px) {

    .banner-home .left-content {

        width: 380px;

    }

}



.banner-home .left-content {

    width: 380px;

    padding-top: 110px;

}



@media (max-width: 1440px) {

    .banner-home .left-content {

        width: 420px;

        padding-top: 70px;

    }

}



@media(max-width:1024px) {

    .container {

        max-width: 100%;

    }

    .banner-home .col-1 a img {

        padding-bottom: 50px;

    }

    .banner-home .col-1 {

        padding-top: 25px;

    }

    .banner-home h1 {

        font-size: 58px;

        font-weight: 700;

        letter-spacing: -2px;

        padding-bottom: 40px;

    }

    .banner-home h2 span {

        font-size: 20px;

        line-height: 30px;

    }

    .banner-home .space {

        padding: 10px 0;

    }

    .banner-home p {

        padding-bottom: 10px;

    }

    .banner-home a .fa {

        font-size: 16px;

        margin-right: 20px;

        padding-bottom: 40px;

    }

    .banner-home .left-content {

        width: 100%;

        padding-top: 100px;

    }

    .banner-home .btn-primary,

    .banner-home .btn-secondary {

        padding: 10px 20px;

        font-weight: 600;

        font-size: 13px;

    }

    .section-1 {

        padding-top: 50px;

        padding-bottom: 30px;

    }

    .section-1 h2 {

        font-size: 34px;

    }

    .section-1 p {

        font-size: 16px;

        padding-bottom: 0;

    }

    .section-1 .col-1 {

        padding-top: 30px;

        padding-left: 15px;

    }

    .section-1 .col-1 a {

        font-size: 16px;

        margin-left: 10px;

    }

    .section-1 .col-1 .fa {

        padding-bottom: 25px;

    }

    .section-2 {

        padding: 30px 0;

    }

    .section-2 .btn-primary,

    .section-2 .btn-secondary {

        font-size: 13px;

        padding: 10px 23px;

    }

    .section-2 h2 {

        font-size: 52px;

    }

    .section-2 h3 {

        font-size: 13px;

        padding: 0 150px;

        line-height: 20px;

        padding-bottom: 45px;

    }

    .section-2 {

        padding-top: 45px;

    }

    .section-2 .other .overlay {

        width: 91%;

    }

    .section-2 .overlay {

        height: 90.8%;

        width: 91.2%;

    }

    .section-2 .col2 .overlay {

        width: 94.2%;

        height: 90.8%;

    }

    .section-2 .col3 .overlay {

        width: 91.2%;

        height: 90.8%;

    }

    .section-2 .more-button {

        padding-top: 0;

    }

    .section-2 .col2 .img-fluid,

    .section-2 .col3 .img-fluid {

        height: 296px;

    }

    .blog h2 {

        font-size: 52px;

    }

    .blog h3 {

        font-size: 13px;

        padding: 0 150px;

        line-height: 20px;

        padding-bottom: 45px;

    }

    .blog {

        padding-top: 40px;

        padding-bottom: 50px;

    }

    .blog .btn-secondary {

        font-size: 13px;

        padding: 10px 20px;

    }

    .blog h4 {

        font-size: 18px;

    }

    .testimonial h2 {

        font-size: 52px;

    }

    .testimonial h3 {

        font-size: 13px;

        padding: 0 150px;

        line-height: 20px;

        padding-bottom: 45px;

    }

    .testimonial {

        padding-top: 50px;

        padding-bottom: 60px;

    }

    .testimonial img {

        width: 100px;

        height: 100px;

    }

    .testimonial .carousel-inner .content h5,

    .testimonial .carousel-inner .content h6 {

        font-size: 14px;

        padding-bottom: 4px;

    }

    .testimonial .carousel-inner .content p {

        font-size: 13px;

    }

    .Subscribe .heading h3 {

        font-size: 32px;

        letter-spacing: -1px;

    }

    .banner-home h6 {

        font-size: 14px;

        margin-bottom: 15px;

    }

    .banner-home h6 .fa {

        font-size: 15px;

    }

    .banner-home p {

        font-size: 13px;

        letter-spacing: 0.5px;

    }

    .Subscribe .heading h6 {

        font-size: 20px;

        letter-spacing: 1px;

    }

    .Subscribe .btn-info {

        width: 143px;

        height: 60px;

        font-size: 16px;

    }

    .Subscribe input {

        font-size: 12px;

        width: 320px;

        height: 60px;

        padding: 0 13px;

    }

    .Subscribe {

        padding: 35px 0;

    }

    footer ul {

        margin-top: 30px;

    }

    footer .nav-link {

        font-size: 14px;

    }

    footer address p {

        font-size: 14px;

        letter-spacing: 0.5px;

        padding-top: 30px;

    }

    footer img {

        width: 15%;

    }

    footer {

        padding-top: 0;

        padding-bottom: 30px;

    }

    footer address p .call {

        font-size: 18px;

    }

    #about-us h3 {

        padding-bottom: 40px;

    }

    #about-us {

        padding-top: 50px;

    }

    #about-us .image {

        width: 100%;

        height: 300px;

    }

    #about-us p {

        font-size: 14px;

    }

    #about-us {

        padding-bottom: 100px;

    }

    #about-us p {

        margin-bottom: 30px;

    }

    #contact {

        padding-bottom: 100px;

    }

    #contact h2 {

        font-size: 36px;

        letter-spacing: -2px;

    }

    .portfolio-page {

        padding: 30px 0;

    }

    .portfolio-page .btn-primary {

        font-size: 13px;

        padding: 10px 23px;

    }

    .portfolio-page h2 {

        font-size: 34px;

        padding-bottom: 30px;

    }

    .portfolio-page h3 {

        font-size: 13px;

        padding: 0 150px;

        line-height: 20px;

        padding-bottom: 45px;

    }

    .portfolio-page {

        padding-top: 45px;

    }

    .portfolio-page .other .overlay {

        width: 91%;

    }

    .portfolio-page .overlay {

        height: 90.8%;

        width: 91.2%;

    }

    .portfolio-page .col2 .overlay {

        width: 94.2%;

        height: 90.8%;

    }

    .portfolio-page .col3 .overlay {

        width: 91.2%;

        height: 90.8%;

    }

    .portfolio-page .more-button {

        padding-top: 0;

        padding-bottom: 30px;

    }

    .portfolio-page .col2 .img-fluid,

    .portfolio-page .col3 .img-fluid {

        height: 296px;

    }

    #services h2 {

        font-size: 32px;

        padding-bottom: 25px;

    }

    #services h3 {

        font-size: 32px;

        padding-bottom: 30px;

    }

    #services .contant p {

        font-size: 16px;

        line-height: 30px;

        padding-bottom: 10px;

    }

    #services .heading p {

        font-size: 16px;

        padding-bottom: 20px;

    }

    #services .main-content {

        padding-bottom: 50px;

    }

    #services .career-img {

        width: 100%;

        height: 300px;

    }

    #services {

        padding-top: 45px;

        padding-bottom: 30px;

    }

    .blog-page h2 {

        font-size: 34px;

        letter-spacing: -2px;

        padding-bottom: 30px;

    }

    .blog-page {

        padding-top: 40px;

        padding-bottom: 50px;

    }

    .blog-page .btn-secondary {

        font-size: 13px;

        padding: 10px 20px;

    }

    .blog-page h4 {

        font-size: 18px;

    }

    #blog-single h1 {

        font-size: 36px;

        padding-bottom: 20px;

        letter-spacing: -2px;

    }

    #blog-single .heading1 {

        font-size: 32px;

        line-height: 38px;

        padding: 30px 0;

        padding-right: 300px;

        letter-spacing: -1px;

    }

    #blog-single figure img {

        height: 350px;

        object-fit: cover;

    }

    .inner-contant {

        padding-top: 20px;

    }

    #blog-single p {

        font-size: 15px;

    }

    #blog-single .spl-pg {

        width: 56%;

        font-size: 18px;

        padding-top: 10px;

        padding-bottom: 40px;

    }

    #blog-single .more-blog h2 {

        font-size: 34px;

        padding-top: 30px;

        padding-bottom: 20px;

    }

    #blog-single .more-blog h4 {

        font-size: 21px;

        line-height: 30px;

        padding-bottom: 30px;

    }

    #blog-single .more-blog .btn-secondary {

        padding: 10px 18px;

        font-size: 13px;

    }

    #blog-single .more-blog {

        padding-bottom: 30px;

    }

    #blog-single .post h2 {

        font-size: 34px;

    }

    #blog-single .post .col1 p,

    #blog-single .post .col2 p {

        padding-bottom: 0;

        font-size: 15px;

    }

    #blog-single .post .col1 {

        padding: 40px 0;

        padding-bottom: 20px;

        padding-right: 350px;

    }

    #blog-single .comment-box h2 {

        font-size: 34px;

    }

    #blog-single .comment-box form textarea {

        height: 180px;

    }

    #blog-single .comment-box h2 {

        font-size: 26px;

        padding-bottom: 30px;

    }

    #contact-page h2 {

        font-size: 34px;

        letter-spacing: -1px;

    }

    #contact-page {

        width: 100%;

        padding-top: 50px;

        padding-bottom: 100px;

    }

    #contact-page input {

        height: 45px;

    }

    #contact-page textarea.form-control {

        padding: 17px 12px;

        margin-bottom: 0;

        height: 200px;

    }

    #contact-page .btn-default {

        font-size: 14px;

        padding: 12px 20px;

    }

    #contact-page .map {

        padding-bottom: 20px;

    }

    #contact-page .form-group {

        margin-bottom: 0;

    }

    #contact-page {

        padding-top 40px;

        padding-bottom: 50px;

    }

    #contact-page h2 {

        font-size: 22px;

        padding-bottom: 20px;

        letter-spacing: -1px;

    }

}



@media (max-width: 768px) {

    .banner-home .col-2 {

        padding-top: 180px;

        padding-left: 40px;

    }

    .banner-home h1 {

        font-size: 54px;

    }

    .banner-home p {

        padding-bottom: 0;

    }

    .banner-home a .fa {

        padding-bottom: 25px;

    }

    .nav-link {

        font-size: 12px;

        padding: 5px 5px;

    }

    footer address p {

        padding-top: 20px;

        padding-bottom: 10px;

    }

    .blog h2 {

        font-size: 34px;

    }

    .blog-page h2 {

        font-size: 28px;

    }

    .testimonial h2 {

        font-size: 34px;

    }

    .testimonial h3 {

        padding: 0 160px;

        padding-bottom: 45px;

    }

    .section-2 h3 {

        padding: 0 150px;

        padding-bottom: 45px;

    }

    .section-2 h2 {

        font-size: 34px;

    }

    .section-2 .img-fluid {

        height: 225px;

    }

    .section-2 .other .img-fluid {

        height: 480px;

    }

    .section-2 .col2 .img-fluid,

    .section-2 .col3 .img-fluid {

        height: 200px;

    }

    .section-2 .col3 .overlay {

        width: 88.5%;

        height: 87%;

    }

    .section-2 .col2 .overlay {

        width: 92.2%;

        height: 86.8%;

    }

    .section-2 .overlay {

        height: 88.2%;

        width: 88.2%;

    }

    .section-2 .other .overlay {

        height: 94.3%;

        width: 88.5%;

    }

    nav .logo img {

        width: 25%;

    }

    nav img {

        width: 35%;

        padding-top: 3px;

    }

    header {

        padding: 30px 0 0 0;

    }

    .sticky img {

        padding: 14px 0;

    }

    .Subscribe .heading h3 {

        font-size: 28px;

    }

    .Subscribe .heading h6 {

        font-size: 18px;

    }

    .Subscribe .btn-info {

        width: 123px;

        height: 50px;

        font-size: 14px;

    }

    .Subscribe input {

        font-size: 12px;

        width: 225px;

        height: 50px;

        padding: 0 12px;

    }

    footer {

        padding-top: 20px;

    }

    footer .mb-5 {

        margin-bottom: 1rem !important;

    }

    footer address p {

        font-size: 12px;

        font-weight: 500;

    }

    footer h6 {font-size: 12px;}

    footer address p .call {

        font-size: 16px;

    }

    footer .fa {

        font-size: 18px;

    }

    footer .pb-4 {

        padding-bottom: 0 !important;

    }

    #contact p {

        font-size: 14px;

    }

    #contact {

        padding-top: 40px;

    }

    #contact h2 {

        padding-bottom: 25px;

    }

    #contact h2 {

        font-size: 26px;

        letter-spacing: -1px;

    }

    #contact .form-control,

    .form-control {

        margin-bottom: 15px;

        height: 40px;

    }

    #contact .btn {

        margin-top: 10px;

        width: 130px;

        letter-spacing: 0.5px;

        font-size: 14px;

        height: 38px;

    }

    #contact ::-webkit-input-placeholder {

        /* Chrome/Opera/Safari */

        font-size: 12px;

    }

    #contact ::-moz-placeholder {

        /* Firefox 19+ */

        font-size: 12px;

    }

    #contact ::-ms-input-placeholder {

        /* IE 10+ */

        font-size: 12px;

    }

    #contact :-moz-placeholder {

        /* Firefox 18- */

        font-size: 12px;

    }

    #contact ::placeholder {

        font-size: 12px;

    }

    .portfolio-page h3 {

        padding: 0 150px;

        padding-bottom: 45px;

    }

    .portfolio-page h2 {

        font-size: 28px;

        padding-bottom: 20px;

    }

    .portfolio-page hr {

        padding-bottom: 30px;

    }

    .portfolio-page .img-fluid {

        height: 225px;

    }

    .portfolio-page .other .img-fluid {

        height: 480px;

    }

    .portfolio-page .col2 .img-fluid,

    .portfolio-page .col3 .img-fluid {

        height: 200px;

    }

    .portfolio-page .col3 .overlay {

        width: 88.5%;

        height: 87%;

    }

    .portfolio-page .col2 .overlay {

        width: 92.2%;

        height: 86.8%;

    }

    .portfolio-page .overlay {

        height: 88.2%;

        width: 88.2%;

    }

    .portfolio-page .other .overlay {

        height: 94.3%;

        width: 88.5%;

    }

    #services .career-img {

        height: 250px;

        margin-bottom: 30px;

    }

    #services .main-content {

        padding-bottom: 30px;

    }

    #services .contant p {

        font-size: 14px;

        line-height: 25px;

        padding-bottom: 0;

    }

    #services h3 {

        font-size: 28px;

    }

    #services h2 {

        font-size: 28px;

        padding-bottom: 20px;

    }

    #services .heading p {

        font-size: 14px;

    }

    #blog-single h1 {

        font-size: 24px;

        padding-bottom: 10px;

        letter-spacing: 0px;

    }

    #blog-single .heading1 {

        font-size: 22px;

        line-height: 30px;

        padding-right: 250px;

    }

    #blog-single figure img {

        height: 250px;

    }

    #blog-single h4 {

        font-size: 13px;

    }

    #blog-single .social-links li {

        margin-right: 5px;

        width: 94px;

        height: 30px;

        border-radius: 0;

    }

    #blog-single .social-links li span {

        font-size: 11px;

        padding-left: 12px;

    }

    #blog-single .social-links li a {

        font-size: 10px;

    }

    #blog-single h4 {

        line-height: 67px;

        padding-top: 15px;

    }

    #blog-single .social-links {

        padding-top: 30px;

    }

    #blog-single p {

        font-size: 12px;

        padding-bottom: 0;

    }

    #blog-single .social-links {

        margin-top: 5px;

    }

    #blog-single .spl-pg {

        width: 56%;

        font-size: 14px;

        padding-top: 5px;

        padding-bottom: 20px;

    }

    .inner-contant {

        padding: 20px 0;

    }

    #blog-single .more-blog h2 {

        font-size: 26px;

    }

    #blog-single .more-blog figure img {

        height: 200px;

    }

    #blog-single .more-blog h4 {

        font-size: 18px;

        line-height: 25px;

        padding-bottom: 20px;

    }

    #blog-single .more-blog .btn-secondary {

        padding: 8px 14px;

        font-size: 12px;

        font-weight: 500;

    }

    #blog-single .more-blog {

        padding-bottom: 10px;

    }

    #blog-single .post h2 {

        font-size: 26px;

    }

    #blog-single .post .col1 p,

    #blog-single .post .col2 p {

        padding-bottom: 0;

        font-size: 13px;

        line-height: 25px;

    }

    #blog-single .post strong {

        font-size: 18px;

        font-weight: 400;

    }

    #blog-single .post .col2,

    #blog-single .post .col1 {

        padding-right: 200px;

    }

    #blog-single .post strong span {

        font-size: 12px;

    }

    #blog-single .post .col1 {

        padding: 20px 0;

    }

    #blog-single .comment-box form .btn-primary {

        padding: 10px 30px;

        letter-spacing: 0.5px;

    }

    #blog-single {

        padding-bottom: 50px;

    }

    #blog-single .comment-box form input {

        height: 45px;

        margin-bottom: 15px;

    }

}



@media (max-width: 425px) {

    .banner-home h2 span {

        font-size: 18px;

        line-height: 25px;

    }

    nav .logo img {

        width: 35%;

    }

    nav img {

        width: 70%;

        padding-top: 0px;

    }

    .banner-home .left-content {

        padding-top: 80px;

    }

    header .social-icons {

        padding: 0;

    }

    .banner-home .space {

        padding: 10px 0;

    }

    .banner-home p {

        font-size: 12px;

    }

    .banner-home .col-2 {

        padding-bottom: 20px;

        padding-top: 20px;

        padding-left: 15px;

    }

    .banner-home h1 {

        font-size: 34px;

        letter-spacing: 0;

        padding-bottom: 20px;

    }

    .banner-home .btn-primary,

    .banner-home .btn-secondary {

        padding: 6px 10px;

        font-size: 12px;

        margin: 0;

    }

    .Subscribe form {

        float: none;

    }

    .Subscribe .heading {

        text-align: center;

    }

    .Subscribe input {

        width: 100%;

        text-align: center;

        border: none;

    }

    footer .mr-4 {

        margin-right: 0.7rem !important;

    }

    .Subscribe .btn-info {

        width: 100%;

    }

    .Subscribe .heading h3 {

        font-size: 24px;

    }

    .Subscribe .heading h6 {

        font-size: 16px;

    }

    .Subscribe .heading {

        padding-bottom: 8px;

    }

    .Subscribe input {

        height: 40px;

        padding: 0;

    }

    .section-1 h2 {

        font-size: 32px;

    }

    .section-1 {

        padding-top: 25px;

        padding-bottom: 20px;

    }

    .section-2 h3 {

        padding: 0;

        padding-bottom: 30px;

    }

    .section-2 h2 {

        font-size: 24px;

    }

    .section-2 .other .img-fluid {

        height: 225px;

    }

    .section-2 .col2 .img-fluid,

    .section-2 .col3 .img-fluid {

        height: 225px;

    }

    .section-2 .overlay,

    .section-2 .other .overlay,

    .section-2 .col2 .overlay,

    .section-2 .col3 .overlay {

        width: 93%;

        height: 91.7%;

    }

    .section-2 .overlay img,

    .section-2 .col3 .overlay img,

    .section-2 .col1 .overlay img,

    .section-2 .col2 .overlay img {

        width: 30%;

    }

    .section-2 .btn-primary,

    .section-2 .btn-secondary {

        font-size: 12px;

        padding: 8px 18px;

    }

    .section-2 .img-fluid {

        margin-bottom: 20px;

    }

    .blog h3 {

        padding: 0;

        padding-bottom: 30px;

    }

    .blog h2 {

        font-size: 24px;

    }

    .blog h4 {

        font-size: 18px;

        line-height: 25px;

    }

    .blog .btn-secondary {

        font-size: 12px;

        padding: 8px 15px;

    }

    .testimonial h2 {

        font-size: 24px;

    }

    .testimonial h3 {

        padding: 0;

        padding-bottom: 30px;

    }

    .carousel-item {

        text-align: center;

        padding-bottom: 20px;

    }

    .testimonial .carousel-inner {

        padding-bottom: 0;

    }

    .testimonial .carousel-inner .content p {

        font-size: 12px;

    }

    .testimonial .carousel-inner .content h5,

    .testimonial .carousel-inner .content h6 {

        font-size: 12px;

    }

    .section-1 p {

        font-size: 13px;

        letter-spacing: 0.5px;

    }

    footer img {

        width: 20%;

    }

    footer .hidden {

        display: none;

    }

    footer .nav-link {

        font-size: 12px;

        border: 1px solid #ffffff;

        margin: 3px;

    }

    #about-us h3 {

        padding-bottom: 30px;

        font-size: 20px;

    }

    #about-us .image {

        margin-bottom: 40px;

    }

    .banner-home .left-content {

        padding-right: 0;

    }

    #about-us {

        padding-bottom: 50px;

    }

    #about-us p {

        font-size: 12px;

    }

    #about-us .image {

        height: 260px;

    }

    #contact h2 {

        font-size: 22px;

        letter-spacing: 0;

    }

    #contact p {

        font-size: 12px;

    }

    #contact p {

        padding-bottom: 10px;

    }

    .portfolio-page h3 {

        padding: 0;

        padding-bottom: 30px;

    }

    .portfolio-page h2 {

        font-size: 24px;

        padding-bottom: 10px;

    }

    .portfolio-page hr {

        padding-bottom: 20px;

    }

    .portfolio-page .other .img-fluid {

        height: 225px;

    }

    .portfolio-page .col2 .img-fluid,

    .portfolio-page .col3 .img-fluid {

        height: 225px;

    }

    .portfolio-page .overlay,

    .portfolio-page .other .overlay,

    .portfolio-page .col2 .overlay,

    .portfolio-page .col3 .overlay {

        width: 93%;

        height: 91.7%;

    }

    .portfolio-page .overlay img,

    .portfolio-page .col3 .overlay img,

    .portfolio-page .col1 .overlay img,

    .portfolio-page .col2 .overlay img {

        width: 30%;

    }

    .portfolio-page .btn-primary {

        font-size: 12px;

        padding: 8px 18px;

    }

    .portfolio-page .img-fluid {

        margin-bottom: 20px;

    }

    #services h2 {

        font-size: 24px;

        padding-bottom: 10px;

    }

    #services .contant p {

        font-size: 12px;

        letter-spacing: 0.5px;

        line-height: 20px;

    }

    #services .career-img {

        height: 200px;

        margin-bottom: 20px;

    }

    #services h3 {

        font-size: 22px;

        padding-bottom: 20px;

    }

    .blog-page h2 {

        font-size: 22px;

        letter-spacing: 0;

    }

    .blog-page h4 {

        font-size: 18px;

        line-height: 25px;

    }

    .blog-page .btn-secondary {

        font-size: 12px;

        padding: 8px 15px;

    }

    #blog-single h1 {

        font-size: 20px;

    }

    #blog-single .heading1 {

        font-size: 18px;

        line-height: 24px;

        padding-right: 0;

        letter-spacing: 0;

    }

    #blog-single figure img {

        height: 200px;

    }

    #blog-single h4 {

        text-align: center;

        line-height: 0;

        padding-top: 35px;

    }

    #blog-single .social-links {

        padding-top: 25px;

        text-align: center;

    }

    #blog-single .social-links li {

        margin-right: 0;

    }

    #blog-single .spl-pg {

        width: 100%;

        font-size: 14px;

        font-weight: 600;

    }

    #blog-single .more-blog h2 {

        font-size: 22px;

        padding-right: 0;

        padding-bottom: 10px;

    }

    #blog-single .more-blog h4 {

        font-size: 17px;

        text-align: left;

        padding-bottom: 20px;

    }

    #blog-single .post h2 {

        font-size: 22px;

    }

    #blog-single .post .col2,

    #blog-single .post .col1 {

        padding-right: 0;

    }

    #blog-single .comment-box form textarea {

        height: 150px;

    }

    #blog-single .comment-box h2 {

        font-size: 22px;

        padding-bottom: 20px;

    }

    #blog-single .comment-box form input {

        height: 40px;

        margin-bottom: 10px;

    }

}



@media (max-width: 375px) {

    .banner-home h1 {

        font-size: 28px;

    }

    nav .logo img {

        width: 40%;

    }

    .section-2 .overlay,

    .section-2 .other .overlay,

    .section-2 .col2 .overlay,

    .section-2 .col3 .overlay {

        width: 92.1%;

    }

    .textBox {

        height: 87%;

    }

    .Subscribe .heading h3 {

        font-size: 24px;

    }

    footer img {

        width: 25%;

    }

    .Subscribe .btn-info {

        font-size: 12px;

    }

    footer .nav-link {

        font-size: 10px;

        letter-spacing: 0.5px;

        margin: 2px;

    }

    .portfolio-page .overlay,

    .portfolio-page .other .overlay,

    .portfolio-page .col2 .overlay,

    .portfolio-page.col3 .overlay {

        width: 92.1%;

    }

}



@media (max-width: 320px) {

    .blog h2 {

        font-size: 20px;

        padding-bottom: 5px;

    }

    nav .logo img {

        width: 45%;

    }

    .blog-page h2 {

        font-size: 20px;

        padding-bottom: 5px;

    }

    .testimonial h2 {

        font-size: 20px;

        padding-bottom: 5px;

    }

    .section-2 h2 {

        font-size: 20px;

        padding-bottom: 5px;

    }

    .section-2 h3,

    .blog h3,

    .testimonial h3 {

        font-size: 12px;

    }

    .section-2 .overlay,

    .section-2 .other .overlay,

    .section-2 .col2 .overlay,

    .section-2 .col3 .overlay {

        width: 90.5%;

    }

    .textBox {

        height: 85%;

    }

    .Subscribe .heading h3 {

        font-size: 21px;

        letter-spacing: 0;

    }

    .portfolio-page h2 {

        font-size: 20px;

        padding-bottom: 5px;

    }

    .portfolio-page h3,

    .blog h3,

    .testimonial h3 {

        font-size: 12px;

    }

    .portfolio-page .overlay,

    .portfolio-page .other .overlay,

    .portfolio-page .col2 .overlay,

    .portfolio-page .col3 .overlay {

        width: 90.5%;

    }

    #blog-single .heading1 {

        font-size: 16px;

        line-height: 20px;

    }

    #blog-single h4 {

        font-size: 11px;

        letter-spacing: 0.5px;

        font-weight: 400;

    }

    #blog-single .social-links li {

        width: 90px;

        height: 29px;

    }

}