/*
--------------------------------------------------------------------------------------------------------
* Project    :                                                                                         *
* Author     : pus_infotech                                                                            * 
* Support    : pusinfotech@gmail.com                                                                   * 
*------------------------------------------------------------------------------------------------------- 
NOTE: This is main stylesheet of template, This file contains the styling for the actual Template.

=================================================
[  Table of contents  ]
================================================== 

01: extra extra large (xxl)
02: extra large (xl)
03: large (lg)
04: medium (md)
05: small (sm)
06: extra small (xs)
07: Responsive Media Query (greater than 1400px)
08: Responsive Media Query (less than 1600px)
09: Responsive Media Query (less than 1600px)
10: Responsive Media Query (less than 1400px)
11: Responsive Media Query (less than 991px)
12: Responsive Media Query (less than 767px)
13: Responsive Media Query (less than 575px)
14: Responsive Media Query (less than 480px)
15: Responsive Media Query (less than 320px)

==================================================
[ End table content ]
==================================================
*/

/*=================================================
01: extra extra large (xxl)
==================================================*/
@media(min-width: 1400px) and (max-width: 1550px) {
}

/*=================================================
02: extra large (xl)
==================================================*/
@media only screen and (min-width: 992px) and (max-width: 1600px) {
    .directors-center-text h1 {
        font-size: 30px !important;
        line-height: 28px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .about-style-1 {
        font-size: 16px !important;
    }

    .about-style-2 {
        font-size: 30px !important;
    }

    .about-style-3 {
        font-size: 31px !important;
    }

    .about-style-5 {
        font-size: 43px !important;
    }

    .about-style-6 {
        font-size: 30px !important;
        line-height:28px !important;
    }
}

/*=================================================
03: large (lg)
==================================================*/
@media(min-width: 992px) and (max-width: 1199px) {
}

/*=================================================
04: medium (md)
==================================================*/
@media(min-width: 768px) and (max-width: 991px) {
}

/*=================================================
05: small (sm)
==================================================*/
@media(min-width: 576px) and (max-width: 767px) {
    .about-style-1 {
        font-size: 14px !important;
    }

    .about-style-2 {
        font-size: 25px !important;
    }

    .about-style-3 {
        font-size: 31px !important;
    }

    .about-style-5 {
        font-size: 37px !important;
    }
    .about-style-6 {
        font-size: 26px !important;
        line-height: 26px !important;
    }
}

/*=================================================
06: extra small (xs)
==================================================*/
@media(min-width: 320px) and (max-width: 575px) {
    .directors-center-text h1 {
        font-size: 30px !important;
        line-height: 28px !important;
    }

    .about-style-1 {
        font-size: 14px !important;
    }

    .about-style-2 {
        font-size: 25px !important;
    }

    .about-style-3 {
        font-size: 31px !important;
    }

    .about-style-5 {
        font-size: 37px !important;
    }

    .about-style-6 {
        font-size: 26px !important;
        line-height: 26px !important;
    }
}

/*=================================================
07: Responsive Media Query (greater than 1400px)
==================================================*/
@media only screen and (min-width: 1400px) {
}

/*=================================================
08: Responsive Media Query (less than 1600px)
==================================================*/
@media only screen and (max-width:1600px) {
}

/*=================================================
09: Responsive Media Query (less than 1600px)
==================================================*/
@media only screen and (max-width:1500px) {
}

/*=================================================
10: Responsive Media Query (less than 1199px)
==================================================*/
@media only screen and (max-width: 1199px) {
    .contact-info .icon-svg svg {
        width: 35px;
    }
}

/*=================================================
11: Responsive Media Query (less than 991px)
==================================================*/
@media only screen and (max-width: 991px) {
    .mtb-90 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .mtb-100 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .mtb-110 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .mtb-120 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    .mtb-130 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .mtb-140 {
        margin-top: 90px !important;
        margin-bottom: 90px !important;
    }

    .mtb-150 {
        margin-top: 100px !important;
        margin-bottom: 100px !important;
    }

    .ptb-90 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .ptb-100 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .ptb-110 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .ptb-120 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .ptb-130 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .ptb-140 {
        padding-top: 90px !important;
        padding-bottom: 90px !important;
    }

    .ptb-150 {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .plr-80 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    /* helper classes */
    .grid-1 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-4 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-5 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .grid-6 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    /* menubar */

    .footer-flex {
        justify-content: center;
    }

    .footer-grid.grid-2 {
        justify-content: center;
        align-items: center;
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
        margin-top: 30px;
    }

    .footer-social-media {
        text-align: center;
    }

    .directors-full-area {
        height: auto;
    }

    .directors-center-text {
        padding: 40px 10px;
        margin: 20px 0;
    }
}

/*=================================================
12: Responsive Media Query (less than 767px)
==================================================*/
@media only screen and (max-width: 767px) {
    .mtb-90 {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .mtb-100 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .mtb-110 {
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }

    .mtb-120 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }

    .mtb-130 {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .mtb-140 {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    .mtb-150 {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .ptb-90 {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .ptb-100 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .ptb-110 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .ptb-120 {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .ptb-130 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .ptb-140 {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .ptb-150 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    /* helper classes */
    .grid-2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-4 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-5 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-6 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    .Individual-patten {
        display: none;
    }

    .text-pagination-area {
        z-index: 9;
    }

    .title-svg svg {
        width: 45% !important;
    }

    .directors-center-text {
        display: block;
    }

    .directors-image img.img-fluid {
        width: 120px;
        margin: 30px 0;
    }
}
/*=================================================
13: Responsive Media Query (less than 575px)
==================================================*/
@media (max-width:575px) {
}

/*=================================================
14: Responsive Media Query (less than 480px)
==================================================*/
@media (max-width:480px) {
    .footer-flex {
        justify-content: center;
        display: inline-block !important;
        text-align: center;
        align-items: center;
        width: 100%;
    }

    .footer-lion {
        width: auto;
    }

    .footer-address {
        margin-top: 30px;
    }
}

/*=================================================
15: Responsive Media Query (less than 320px)
==================================================*/
@media (max-width:320px) {
}


/*=================================================
16: Responsive Media Query (greater than 992px)
==================================================*/
@media (min-width:992px) {
}



.portfolio_area_two .slick-slide .item img, .portfolio_area_three .item img {
    max-width: 100%;
}

.portfolio_area_two .slick-slide, .portfolio_area_three .slick-slide {
    padding: 30px 40px 55px;
}

.portfolio_area .p_slider_inner .arrow i.nexts {
    right: 10px;
}

.portfolio_area .p_slider_inner .arrow i.prevs {
    left: 10px;
}

.portfolio_details_info.pl_100 {
    padding-left: 0;
    padding-right: 0;
}

.p_details_three .portfolio_pagination {
    margin-top: 155px;
}

.portfolio_area .portfolio_slider .slick-slide {
    padding: 10px 15px 25px;
}

.portfolio_area_two .slick-slide {
    padding-left: 20px;
    padding-right: 20px;
}

.portfolio_area .portfolio_slider {
    margin-top: 0;
}

.portfolio_details_info {
    padding-left: 0px;
    padding-right: 0px;
}

    .portfolio_details_info .portfolio_category {
        margin-top: 40px;
    }

    .portfolio_details_info .portfolio_pagination {
        margin-top: 70px;
        margin-bottom: 50px;
    }

.portfolio_details_area .portfolio_details_gallery.gallery_two {
    margin-bottom: 20px;
}

.portfolio_details_info .portfolio_pagination_two {
    margin-bottom: 0px;
}

.portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description {
    padding-left: 30px;
    padding-bottom: 28px;
}

.portfolio_gallery .portfolio_item .portfolio_img .hover_content .img_popup {
    right: 30px;
    top: 30px;
}

.portfolio_area_two .slick-slide {
    padding-top: 8px;
}

.portfolio_filter .work_portfolio_item + .work_portfolio_item {
    margin-left: 35px;
}


.portfolio_area_two .section_title h2 {
    word-break: break-all;
}

.portfolio_area {
    padding: 100px 0px;
}


.portfolio_filter .work_portfolio_item + .work_portfolio_item {
    margin-left: 15px;
}

.portfolio_filter {
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

    .portfolio_filter .work_portfolio_item {
        margin-bottom: 5px;
    }

.portfolio_gallery .portfolio_item .portfolio_img img, .single_product_item .product_img img {
    width: 100%;
}