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

    p {

        font-size: 15px;

    }

    header nav > ul > li > a {

        font-size: 14px;

    }

    header nav > ul > li + li {

        margin-left: 25px;  

    }

    html .btn {

        padding: 0 25px;

        line-height: 38px;

        font-size: 14px;

        min-width: 120px;

    }

    .footer-logo {

        margin-bottom: 20px;

    }

    .footer-logo a {

        max-width: 170px;

    }

    html .inner_banner {

        padding-top: 120px;

    }

    html .inner_banner .shape-2 {

        width: 360px;

    }

    html .inner_banner h2 {

        font-size: 55px;

    }

    section.our-product.product-box-list .product-box {

        border-radius: 30px 30px 0px 30px;

    }

    .main_slider_inner .image img {

        max-width: 100%;

    }

    .main_slider_inner .image {

        background-size: 100%;

    }

    .main_slider_inner h2 {

        font-size: 44px;

    }

    .slider-thumbs.sub_slider {

        width: 13%;

    }

    .product-slider {

        width: 87%;

    }

    .title h4 {

        font-size: 35px;

    }

    ul.social-icon li {

        width: 27px;

        height: 27px;

    }

    footer ul.social-icon h4 {

        font-size: 13px;

        padding-top: 10px;

    }

    ul.social-icon {

        padding: 6px 18px 12px;

    }

    section.service_section {

        padding-bottom: 60px;

    }

    section.marquee_sec:before {

        width: 84%;

        height: 97px;

    }

    .about-page-img img {

        max-width: 450px;

    }

    section.about_section {

        padding-bottom: 0;

        padding-top: 20px;

    }

    .about_section .about-page-text::before {

        top: -9px;

    }

    .about-page-img {

        margin-top: -165px;

    }



    /* product_detail-page */

    .product_img {

        background-size: contain;

    }

    .main_section_hadd .main_hedd_text .product_name h1 {

        font-size: 40px;

    }

    .bannre_btn a {

        padding: 0 10px;

    }

    /* contact */

    .get_in_touch_text h4 {

        font-size: 71px;

        max-width: 197px;

    }

}

@media (max-width:991px){

    

    body {

        font-size: 14px;

    }

    .header-logo a {

        max-width: 190px;

    }

    .header-menu-overlay {

        position: fixed;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

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

        z-index: 99;

        transition: all 0.3s;

        visibility: hidden;

        opacity: 0;

    }

    .menu-show .header-menu-overlay {

        visibility: visible;

        opacity: 1;

    }

    .banner-shap {

        display: flex;

        flex-direction: column;

        bottom: 0;

    }

    .banner-shap:before {

        content: "";

        display: block;

        flex-grow: 1;

        background: var(--primary);

    }

    header .contact-btn {

        margin-left: auto;

    }

    .navbar-toggle{

        display: block;

        position:relative;

        width:40px;

        height:40px;

        margin-left: 20px;

    }

    .navbar-toggle span {

        width: 32px;

        height: 2px;

        background: var(--dark);

        display: block;

        position: absolute;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        border-radius: 0;

        margin: auto;

        transition:all 0.3s;

    }

    .navbar-toggle span:nth-child(1) {

        top: -16px;

        width: 18px;

    }

    .navbar-toggle span:nth-child(3) {

        bottom: -16px;

        width: 18px;

    }

    .menu-show .navbar-toggle span:nth-child(1) {

        top: 0;

        width: 28px;

        transform:rotate(45deg);

    }

    .menu-show .navbar-toggle span:nth-child(2) {

        width: 0;

    }

    .menu-show .navbar-toggle span:nth-child(3) {

        bottom: 0;

        width: 28px;

        transform:rotate(-45deg);

    }

    nav.header-navbar {

        position: fixed;

        right: 0;

        display: block;

        z-index: 9999;

        background: var(--secondary);

        top: 0;

        bottom: 0;

        width: 300px;

        padding: 35px 20px;

        transform: translatex(100%);

        transition: all 0.4s;

        overflow: auto;

        color:#fff;

        margin:0;

    }

    .menu-show nav.header-navbar {

        transform: translatex(0%);

    }

    .header-navbar .navbar-toggle {

        margin-left: auto;

        margin-right: 0;

        margin-bottom: 20px;

    }

    .header-navbar .navbar-toggle span {

        background:#fff;

    }

    header nav > ul {

        margin: 10px 0 0;

        display: block;

    }

    header nav > ul > li + li {

        margin-left: 0;

        margin-top: 20px;

    }

    header nav > ul > li > a {

        color: #fff;

        font-size: 22px;

        line-height: 50px;

        font-weight: 700;

        display: inline-flex;

        align-items: center;

        white-space: nowrap;

        flex-grow: 1;

    }

    header nav > ul > li > a:before {

        position: relative;

        order: 1;

        top: 0;

        bottom: 0;

        margin: 0 0 0 12px;

        transform: none;

    }

    header nav > ul > li{

        transform: translateY(20px);

        opacity: 0;

        transition: all 0.4s;

    }

    .menu-show header nav > ul > li{

        transform: translateY(0);

        opacity: 1;

    }

    .menu-show header nav > ul > li:nth-child(2){

        transition-delay:0.1s ;

    }

    .menu-show header nav > ul > li:nth-child(3){

        transition-delay:0.2s ;

    }

    .menu-show header nav > ul > li:nth-child(4){

        transition-delay:0.3s ;

    }

    .menu-show header nav > ul > li:nth-child(5){

        transition-delay:0.4s ;

    }

    .menu-show header nav > ul > li:nth-child(6){

        transition-delay:0.5s ;

    }

    .menu-show header nav > ul > li:nth-child(7){

        transition-delay:0.6s ;

    }

    .sub-menu.mega-menu {

        min-width: 100%;

        right: 0;

        left: 0;

    }

    .sub-menu {

        position: relative;

        left: 0;

        margin-top: 10px;

        border: 1px solid #eee;

        box-shadow: 0 0 0 transparent;

        border-radius: 5px;

        padding: 10px;

        display: none;

        transform:none;

        width:100%;

        opacity: 1;

        visibility: visible;

    }

    li:hover > .sub-menu {

        display: none;

    }

    li.submenu_active > .sub-menu {

        display: block;

    }

    header nav > ul > li.menu-parent > a:after {

        display: none;

    }

    header nav > ul > li {

        display: flex;

        align-items: center;

        justify-content: space-between;

        flex-wrap: wrap;

    }

    .submenu-toggle {

        display: flex;

        align-items: center;

        width: 24px;

        height: 24px;

        position: relative;

        justify-content: center;

        transition:all 0.3s;

    }

    li.submenu_active > .submenu-toggle {

        transform:rotate(180deg);

    }

    .submenu-toggle:after {

        content: "";

        display: block;

        border-right: 2px solid;

        border-bottom: 2px solid;

        transform: rotate(45deg);

        width: 9px;

        height: 9px;

        vertical-align: top;

    }

    .sub-menu.mega-menu ul li {

        width: 100%;

    }

    .scrollToTop {

        width: 36px;

        height: 36px;

        bottom: 100px;

        right: 25px;

        padding: 14px;

    }

    .scrollToTop:before {

        transform: skew(-20deg);

    }

    .scrollToTop:hover:before {

        transform: skew(20deg);

    }

    html .btn {

        padding: 0 25px;

        line-height: 40px;

        font-size: 14px;

        min-width: 120px;

    }

    section {

        padding-top: 80px;

        padding-bottom: 80px;

    }

    footer h4 {

        font-size: 22px;

        margin-bottom: 20px;

    }

    .footer-bottom .institute-copy-right {

        padding: 18px 0;

    }

    .header-top {

        padding: 12px 0;

    }

    .header-top ul li .icon {

        height: 20px;

        min-width: 20px;

        margin-right: 6px;

    }

    .header-bottom {

        padding: 15px 0px;

    }

    section.main-banner {

        padding-top: 70px;

        padding-bottom: 20px;

    }

    p {

        font-size: 14px;

    }

    .main-banner .shape-1, .inner_banner .shape-1 {

        width: 76%;

        margin-left: auto;

    }

    button.slide-arrow.slick-arrow svg {

        width: 34px;

    }

    .product-slider button.next-arrow.slide-arrow {

        left: 58px;

    }

    .main_slider_inner .image img {

        max-width: 100%;

    }

    section.about_section {

        padding-bottom: 50px;

    }

    .product-slider button.slide-arrow {

        bottom: -31px;

        left: 10px;

    }

    .title h4 {

        font-size: 30px;

    }

    section.product_section {

        padding-top: 0;

    }

    .product_box img {

        max-width: 130px;

    }

    .product_description h5 a {

        font-size: 22px;

    }

    .product_box {

        margin-top: 0px;

    }

    .view_all_btn {

        padding: 40px 0px 0;

    }

    .footer-shap img {

        top: 41px;

    }

    section.marquee_sec {

        padding-bottom: 0;

    }

    .service_box {

        padding: 22px 15px 32px 15px;

    }

    .service_box h5 {

        margin: 15px 0 8px;

        font-size: 22px;

    }

    .service_section .title {

        padding-bottom: 0;

        margin-bottom: 20px;

    }



    .main-banner .shape-2 {

        width: 157px;

        height: 165px;

    }

    .main_slider_inner .image {

        background-size: 100%;

    }

    .main_slider_inner h2 {

        font-size: 35px;

    }

    .main_slider_inner .text h5 {

        font-size: 32px;

    }

    .product-slider {

        width: 82%;

    }

    .slider-thumbs.sub_slider {

        width: 18%;

    }

    section.about-section p {

        font-size: 15px;

        line-height: 140%;

        margin-bottom: 20px;

    }

    section.about-section .years {

        bottom: -17px;

        left: -14px;

    }

    section.about-section .years h2 {

        font-size: 110px;

    }

    section.about-section .shape-2 {

        bottom: 290px;

        height: 68px;

        width: 60px;

        right: -10px;

    }

    .our-product .title {

        margin-bottom: 30px;

    }

    .product-box {

        padding: 15px 10px;

        margin: 0;

        border-radius: 13px;

    }

    section.about_section {

        padding-bottom: 50px;

    }

    .product-box .image > a {

        height: 160px;

    }

    .product-box h4 a {

        font-size: 18px;

    }

    .footer-logo a {

        max-width: 150px;

    }

    .footer-logo {

        margin-bottom: 22px;

    }

    footer p{

        font-size: 14px;

    }

    .contect-information ul li:before {

        min-width: 28px;

        width: 28px;

        height: 28px;

        background-size: 19px;

        margin-right: 9px;

    }

    .contect-information ul li {

        font-size: 14px;

    }

    .page-links ul li a {

        font-size: 14px;

        line-height: 20px;

    }

    .footer-bottom .institute-copy-right p {

        font-size: 14px;

        line-height: 15px;

    }

    .sticky header {

        margin-top: 0px;

    }

    .header-top ul li a {

        font-size: 14px;

    }

    html .breadcrumb {

        font-size: 18px;

    }

    section.about-us-detail .title {

        margin-bottom: 20px;

    }

    section.our-product.product-box-list .product-box {

        border-radius: 25px 25px 0px 25px;

        margin-bottom: 45px;

    }

    section.marquee_sec:before {

        width: 100%;

        height: 92px;

    }

    /* about_page */

    .about-page-text h4 {

        font-size: 32px;

    }

    .about_section .about-page-text::before {

        width: 32%;

        height: 17%;

        top: 0;

        left: 6%;

    }

    .about_section:after {

        width: 108px;

        height: 69px;

    }

    .main_section_hadd .main_hedd_text h1{

        font-size: 40px;

    }

    section.main_section_hadd {

        padding-top: 80px;

    }

    .about-page-img img {

        max-width: 360px;

    }

    .about-page-img {

        margin-top: -150px;

        margin-bottom: 20px;

    }



    /* product_detail_page */

    .product_img {

        background-size: contain;

    }

    .main_section_hadd .main_hedd_text .product_name h1 {

        font-size: 35px;

    }

    .product_detail_section {

        margin-top: 180px;

    }

    .bannre_btn a{

        padding: 0 10px;

    }

    .bannre_btn a span {

        display: none;

    }

    .bannre_btn {

        margin: 0 -15px;

        text-align: center;

    }

    .bannre_btn a span {

        margin-left: 7px;

        width: 8px;

    }

    /* contact */

    .text_contect h5 a, .text_contect p {

        font-size: 16px;

    }

    .contact_detail .icon svg {

        width: 30px;

        height: 30px;

    }

    .contact_form_row {

        padding-top: 60px;

    }

    .get_in_touch_text h4 {

        font-size: 70px;

    }

    .contact_form {

        padding: 30px 16px;

    }

    .accreditation-card .accreditation-item {
        width: 33.33%;
    }

}









@media (max-width:767px){

    p {

        font-size: 14px;

    }

    html .container {

        padding-left: 20px;

        padding-right: 20px;

    }

    .navbar-toggle {

        margin-left: 10px;

    }

    .header-logo a {

        max-width: 135px;

    }

    html header .btn {

        font-size: 12px;

        padding: 0 15px;

        min-width: 0;

        line-height:32px;

    }

    .sticky .header-logo a {

        max-width: 125px;

    }

    nav.header-navbar {

        padding: 28px 20px;

    }

    header nav > ul > li > a {

        font-size: 20px;

        line-height: 40px;

    }

    section {

        padding-top: 50px;

        padding-bottom: 50px;

    }

    

    .footer-box {

        margin-bottom: 30px;

    }

    .contect-information {

        margin-top: 20px;

    }

    .footer-bottom .institute-copy-right p {

        font-size: 13px;

        text-align: center;

    }

    .header-top {

        padding: 10px 0;

    }

    footer p {

        font-size: 14px;

        text-align: left;

    }

    .footer-logo {

        margin-bottom: 12px;

    }

    footer h4 {

        font-size: 26px;

        margin-bottom: 10px;

    }

    .footer-middle [class*="col-"]{

        margin-bottom: 30px;

    }

    .footer-middle [class*="col-"]:last-child{

        margin-bottom: 0;

    }

    .contect-information{

        margin-top: 20px;

    }

    .main_slider_inner .text, .main_slider_inner .image {

        width: 100%;

        margin: 0 12px;

        background-size: 100%;

    }

    .main_slider_inner .image {

        padding: 25px 25px 30px;

        width: 90%;

        margin: 0 auto;

    }

    .product-slider .row {

        margin: 0;

    }

    .main_slider_inner .text .btn {

        padding: 0 12px;

        line-height: 35px;

        font-size: 12px;

    }

    .sub_slider {

    padding-top: 15px;

    padding-bottom: 15px;

}

    .main_slider_inner .text {

        margin-bottom: 3px;

        text-align: center;

        order: 2;

    }

    .main_slider_inner .text p{

        display: none;

    }

    .main_slider_inner .text h5 {

        font-size: 26px;

        margin: 0;

    }

    section.main-banner {

        padding-top: 80px;

    }

    section.main-banner {

        padding-top: 80px;

    }

    section.marquee_sec:before {

        width: 100%;

        height: 94px;

    }

    .main_slider_inner h2 {

        font-size: 32px;

    }

    .marquee_line a {

        font-size: 18px;

    }

    .product-slider,.slider-thumbs.sub_slider {

        width: 100%;

    }

    .title h4 {

        font-size: 28px;

    }

    .title {

        margin-bottom: 0px;

        text-align: center;

        margin-top: 20px;

    }

    .product_box img {

        max-width: 125px;

    }

    .product_main {

        padding-top: 20px;

        margin: 0 15px;

    }

    section.about_section {

        padding-bottom: 50px;

        padding-top: 70px;

    }

    .product_box {

        margin-top: 20px;

    }

    .service_section .title {

        padding-bottom: 17px;

    }

    .service_box {

        padding: 26px 20px 30px 20px;

        text-align: center;

        margin-bottom: 15px;

    }

    .product_description h5 a {

        font-size: 22px;

    }

    .product_description p {

        font-size: 13px;

    }

    .service_box h5 {

        margin: 10px 0;

        font-size: 25px;

    }

    .service_box p {

        font-size: 14px;

    }

    .footer-shap img {

        top: 54px;

        height: 58px;

    }

    .footer_discription {

        max-width: 100%;

        text-align: center;

    }

    .footer-middle {

        padding-bottom: 20px;

        padding-top: 20px;

    }

    .footer-logo a {

        max-width: 150px;

        margin: 0 auto;

    }

    .page-links {

        margin: 20px 0;

    }

   



    /* about */

    .about-img-col {

        order: -1;

    }

    .about-page-text h4 {

        font-size: 28px;

    }

    .about-page-text {

        text-align: center;

        margin-top: 40px;

    }

    .about_cnt{

        text-align: center;

    }

    .about_section .about-page-text::before {

        width: 44%;

        height: 10%;

        top: 220px;

        left: 33%;

    }

    .bannre_btn a span {

        display: inline-block;

    }

    .bannre_btn a {

        width: 60%;

    }

    .about_section:after {

        width: 108px;

        height: 69px;

    }

    .main_section_hadd .main_hedd_text h1{

        font-size: 35px;

    }

    section.main_section_hadd {

        padding-top: 80px;

    }

    .about-page-img {

        margin-top: -150px;

        margin-bottom: 20px;

        float: unset;

    }

    .product_page {

        padding-top: 0px;

        padding: 0 15px;

    }

    .about-page-img img {

        max-width: 100%;

    }





    /* product_detail_page */

    .main_section_hadd .main_hedd_text .product_name h1 {

        font-size: 35px;

        text-align: center;

    }

    .product_img {

        padding: 25px 25px 20px;   

        background-size: contain;

        margin-bottom: -130px;

    }

    .detail_img_col{

        order: 3;

    }

    .bannre_btn {

        margin-bottom: 30px;

    }

    .product_detail_section {

        margin-top: 144px;

    }

    .product_description_wrp {

        padding: 15px;

    }

    .product_description_wrp table td {

        padding: 7px 20px;

    }

    section.product_detail_section .container {

        padding: 0 10px;

    }

    .contact_detail {

        padding: 10px 0;

    }

    .text_contect span {

        font-size: 15px;

    }

    .footer_logo_icon {

        margin-top: 0px;

    }

    .contact_detail .icon svg {

        width: 28px;

        height: 28px;

    }

    section.contact_form_sec {

        padding-top: 0;

    }

    .contact_form_row {

        padding-top: 47px;

    }

    .get_in_touch_text h4 {

        font-size: 38px;

        text-align: center;

        max-width: 100%;

    }

    .get_in_touch_text {

        border-right: 7px solid #043168;

        padding: 15px 25px;

    }

    .contact_form .form-feild {

        width: 100%;    

    }

    .contact_form {

        padding: 15px 0px;

    }

    .text_contect h5 a, .text_contect p {

        font-size: 16px;

    }

    .inquery-modal form {

        padding: 20px;

    }

    .inq-head  h2 {

        font-size: 18px;

    }

    .inq-head .icon {

        max-width: 50px;

        margin: 0 auto 10px;

    }

    .inq-head {

        padding: 20px;

    }


    .accreditation-card .accreditation-item {
        width: 50%;
        padding: 0 5px;
        margin: 0 0 20px;
    }

    .accreditation-card .accreditation-item h5{
        font-size: 15px;
        padding: 50px 8px 10px;
        margin-top: -43px;
        min-height: 100px;
    }

    .accreditation-ic {
        width: 100px;
        height: 100px;
    }

    .accreditation-ic img {
        width: 70px;
    }

    .accreditation_section .title {
        padding-bottom: 30px;
    }



}