@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Rajdhani', sans-serif;
}

.navbar-nav {
    margin-left: auto;
    margin-right: 75px;
    font-size: 20px;
}

.navbar .navbar-brand img {
    height: 60px;
    margin-left: 50px;
    transition: 0.75s;
}

.small-nav .navbar-brand img {
    height: 30px;
    margin-left: 50px;
}

.navbar-nav a {
    color: #000000;
    font-weight: 500
}

    .navbar-nav a:hover,
    .navbar-nav a:active {
        color: #fff;
        background-color: #494949;
    }



.slider {
    margin-top: 86px;
}

    .slider .container-fluid {
        padding: 0;
    }

        .slider .container-fluid img {
            -moz-box-shadow: inset 0 0 10px #000000;
            -webkit-box-shadow: inset 0 0 10px #000000;
            box-shadow: inset 0 0 10px #000000;
        }

.owl-banner .owl-prev {
    position: absolute !important;
    font-size: 75px !important;
    display: flex !important;
    top: 30%;
}

.owl-banner .owl-next {
    position: absolute;
    font-size: 75px !important;
    display: inline-flex;
    top: 30%;
    right: 0;
}


.welcome {
    padding: 0;
    margin-top: -11px;
}

    .welcome .container-fluid {
        padding: 0;
        margin-top: -11px;
    }
    .welcome container {
       
    }

    .welcome .grid {
    }

    .welcome h3 {
        font-size: 3vw;
    }

    .welcome p {
        text-align: justify;
        font-weight: 600;
        font-size: 1.75vw;
    }

    .welcome .grid .grid-item {
        padding: 0;
    }


.productsGrid {
    margin: 40px 0;
}

    .productsGrid h2,
    .productsGrid h3,
    .productsGrid h4 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #494949;
        line-height: 0.1em;
        margin: 10px 0 20px;
    }

    .productsGrid h2 {
        font-size: 2em;
    }

    .productsGrid h3 {
        font-size: 1.7em;
    }

    .productsGrid h4 {
        font-size: 1.5em;
    }

        .productsGrid h2 span,
        .productsGrid h3 span,
        .productsGrid h4 span {
            background: #fff;
            padding: 0 10px;
        }

    .productsGrid .card {
        box-shadow: 4px 4px 11px #717171;
        -moz-box-shadow: 4px 4px 11px #717171;
        -webkit-box-shadow: 4px 4px 11px #717171;
        border: none;
    }

    .productsGrid a {
        color: #494949;
        transition: 0.5s;
        text-decoration: none;
    }

        .productsGrid a:active,
        .productsGrid a:hover {
            color: #0786a4;
            text-decoration: none;
        }

    .productsGrid .card .card-body {
        padding: 0;
    }

    .productsGrid .card figure {
        padding: 1rem;
        transition: 0.5s;
    }

        .productsGrid .card figure:hover {
            padding: 0rem;
        }

    .productsGrid .card .card-footer {
        padding: 0.25rem 0.5rem;
        background-color: #fff;
        border-top: none;
        text-align: center;
    }

    .productsGrid .sidebar {
    }

        .productsGrid .sidebar ul {
            list-style: none;
        }

        .productsGrid .sidebar a {
            color: #494949;
            transition: 0.5s;
            padding-left: 2px;
        }

            .productsGrid .sidebar a:hover,
            .productsGrid .sidebar a:active {
                padding-left: 10px;
                color: #0786a4;
            }

.homeAbout {
    background: #262626 url(../images/about_bg.jpg) center center no-repeat fixed;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 0;
    position: relative;
    color: #fff;
    text-shadow: 0px 1px 12px #494949;
}

    .homeAbout .container,
    .homeAbout .container-fluid {
        padding: 0 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .homeAbout h2 {
        color: #fff;
        text-align: center;
    }

        .homeAbout h2:before,
        .homeAbout h2:after {
            display: inline-block;
            content: "";
            border-top: .15rem solid #fff;
            width: 20vw;
            margin: 0 1rem;
            transform: translateY(-0.5rem);
        }

    .homeAbout .intro {
        padding-bottom: 170px;
    }

        .homeAbout .intro p {
            font-size: 25px;
        }


    .homeAbout a {
        color: #fff;
        transition: 0.7s;
    }

        .homeAbout a:hover,
        .homeAbout a:active {
            color: #0786a4;
            text-decoration: none;
        }

    .homeAbout .social .fa {
        display: inline-block;
        width: 50px;
        height: 50px;
        border: solid 1px white;
        border-radius: 25px;
        text-align: center;
        margin: auto;
        padding-top: 6px;
        padding-left: 7px;
        font-size: 35px;
    }

        .homeAbout .social .fa:hover {
            background-color: #0786a4;
            color: #494949;
            border: #0786a4 solid 1px;
            text-shadow: none;
        }


.breadcrumb {
    margin-top: 86px;
}

    .breadcrumb .container,
    .breadcrumb .container-fluid {
        padding-top: 9px;
    }

.about {
}

    .about .sidebar {
    }

    .about ul {
        list-style: none;
    }

    .about .sidebar a {
        color: #494949;
        transition: 0.5s;
        padding-left: 2px;
    }

        .about .sidebar a:hover,
        .about .sidebar a:active {
            padding-left: 10px;
            color: #0786a4;
        }


.relatedItems {
}

    .relatedItems h2 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #494949;
        line-height: 0.1em;
        margin: 10px 0 20px;
        font-size: 2em;
    }

        .relatedItems h2 span {
            background: #fff;
            padding: 0 10px;
        }

    .relatedItems .col-sm-2, .relatedItems col-6 {
        margin: 5px;
    }


    .relatedItems a {
        color: #494949;
        transition: 0.5s;
        text-decoration: none;
    }

        .relatedItems a:active,
        .relatedItems a:hover {
            color: #0786a4;
            text-decoration: none;
        }

    .relatedItems .card {
        margin: 20px;
        box-shadow: 4px 4px 11px #717171;
        -moz-box-shadow: 4px 4px 11px #717171;
        -webkit-box-shadow: 4px 4px 11px #717171;
        border: none;
    }

        .relatedItems .card .card-body {
            padding: 0;
        }

        .relatedItems .card figure {
            padding: 1rem;
            transition: 0.5s;
        }

            .relatedItems .card figure:hover {
                padding: 0rem;
            }

        .relatedItems .card .card-footer {
            padding: 0.25rem 0.5rem;
            background-color: #fff;
            border-top: none;
            text-align: center;
        }


.owl-related .owl-nav {
    text-align: center;
}

    .owl-related .owl-nav .owl-prev span,
    .owl-related .owl-nav .owl-next span {
        font-size: 40px;
    }


.contact {
    background-image: url(/images/counter-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    background-attachment: fixed;
}

    .contact a {
        color: #fff;
        transition: 0.25s
    }

        .contact a:hover {
            color: #0786a4;
        }

    .contact .container,
    .contact .container-fluid {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contact .contact-details {
        font-weight: 500
    }

        .contact .contact-details a {
            color: #fff;
            text-decoration: none;
            transition: 0.25s
        }

            .contact .contact-details a:hover,
            .contact .contact-details a:active {
                color: #0786a4;
            }

    .contact .btn-submit {
        color: #fff;
        background-color: #0786a4;
        transition: 0.5s;
    }

        .contact .btn-submit:hover {
            background-color: #b68c18;
        }


/*Menu Style*/
@media (min-width: 768px) {
    .dropdown-menu .dropdown-toggle:after {
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }

    .dropdown-menu .dropdown-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .dropdown-menu li {
        position: relative;
    }

    .nav-item .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .nav-item .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover {
        background-color: #f1f1f1
    }

        .dropdown-menu > li:hover > .submenu {
            display: block;
        }
}

.item-details {
    font-size: 1rem;
}

    .item-details .img-main {
        box-shadow: 4px 4px 11px #717171;
        -moz-box-shadow: 4px 4px 11px #717171;
        -webkit-box-shadow: 4px 4px 11px #717171;
        border: none;
        margin: 5px 0;
        cursor: pointer;
    }

    .item-details .thumbnails {
    }

        .item-details .thumbnails img {
            cursor: pointer;
        }

    .item-details h3 {
        font-size: 2rem;
    }

    .item-details dd {
        display: inline-block;
        font-size: 1.25rem;
    }

    .item-details dt {
        display: inline-block;
        font-size: 1.25rem;
    }

.sub-footer {
    background-color: #494949;
    color: #fff;
}

    .sub-footer .container,
    .sub-footer .container-fluid {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .sub-footer table{
        color:#fff
    }
    .sub-footer a {
        color: #fff;
        transition: 0.7s;
    }

        .sub-footer a:hover,
        .sub-footer a:active {
            color: #0786a4;
            text-decoration: none;
        }

    .sub-footer .social .fa {
        display: inline-block;
        width: 50px;
        height: 50px;
        border: solid 1px white;
        border-radius: 25px;
        text-align: center;
        margin: auto;
        padding-top: 6px;
        padding-left: 7px;
        font-size: 35px;
    }

        .sub-footer .social .fa:hover {
            background-color: #0786a4;
            color: #494949;
            border: #0786a4 solid 1px;
        }

.footer {
    background-color: #000000;
    color: #fff;
}

    .footer footer {
        padding-top: 15px;
    }

    .footer a {
        color: #0786a4;
        transition: 0.2s
    }

        .footer a:hover,
        .footer a:active {
            color: #fff;
            text-decoration: none;
        }




/*Menu Style END*/
@media (max-width: 1200px) {
}



@media (max-width: 992px) {
    
    #navbarNavDropdown {
        margin-right: 100px;
    }
    .navbar .navbar-brand img {
        margin-left: 15px;
    }
    .navbar-nav{
        margin-right:10px;
    }
   /* .welcome h3 {
        font-size: 27px;
    }

    .welcome p {
        font-size: 16px;
    }*/
}



@media (max-width: 768px) {

    .navbar-nav {
        margin-right: 5px;
    }
        
        .navbar .navbar-brand img {
            margin-left: 15px;
        }

    #navbarTop .navbar img {
        margin: 0px 10px 10px 35px;
    }

    
}



@media (max-width: 576px) {
    h5, .h5 {
        font-size: 0.9rem;
    }
    .navbar .navbar-brand img {
        height: 40px;
        margin-left: 5px;
    }

    .slider, .breadcrumb {
        margin-top: 65px;
    }
}

@media(max-width:420px) {
    .homeAbout h2:before, .homeAbout h2:after {
        display: inline-block;
        content: "";
        border-top: .15rem solid #fff;
        width: 10vw;
        margin: 0 1rem;
        transform: translateY(-0.5rem);
    }
    .welcome h3 {
        display: none;
    }

    .welcome p {
        font-size: 8px;
    }
}

@media(max-width:350px) {
   
    .navbar .navbar-brand img {
        height: 30px;
        margin-left: 3px;
    }

    .slider, .breadcrumb {
        margin-top: 55px;
    }
    .welcome h3 {
        display: none;
    }

    .welcome p {
        font-size: 8px;
    }
}


@media(max-width:310px) {
    .homeAbout h2:before, .homeAbout h2:after {
        display: inline-block;
        content: "";
        border-top: .15rem solid #fff;
        width: 1vw;
        margin: 0 1rem;
        transform: translateY(-0.5rem);
    }
   h5, .h5
   {
       font-size:0.75rem;
   }
    .navbar .navbar-brand img {
        height: 25px;
        margin-left: 3px;
    }

    .slider, .breadcrumb {
        margin-top: 50px;
    }

    .welcome h3 {
        display: none;
    }

    .welcome p {
        font-size: 8px;
    }
}