/*
 Updating some changes for optimizing the websie speed and better responsives issues. 
 ## Yunus
*/

.why_choose_image{

}

/*
 Responsive Codes
*/
@media only screen and (max-width:1700px) {
    
}
@media only screen and (max-width:1200px) {
    
}
@media only screen and (max-width:992px) {
    .banner-sec .content h3{
        font-size: 28px;
    }
    .why_choose_image >  img{
        height: 200px;
        object-fit: cover;
        margin-bottom: 15px;
    }
    header .top-header .inner-top .contact ul li a .detail {
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .heading p{
        width: 100%;
        max-width: 100%;
    }
    .why-choose-sec .heading h4{
        font-size: 22px;
    }
    footer .footer-items .links .head h3,
    .work-sec .work-item .single-sec h6, 
    .history-sec .single-sec h5,
    .offer-sec .single-sec h5,
    .why-choose-sec .item-sec .single-sec .detail h5{
        font-size: 18px;
    }
    .history-sec .single-sec .icon img,
    .offer-sec .single-sec .icon img,
    .why-choose-sec .item-sec .single-sec .icon img{
        width: 40px;
    }
    .why-choose-sec .item-sec .single-sec .detail {
        padding-left: 15px;
    }
    .why_choose_features{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 20px;
    }
    .work-sec .work-item .title h4,
    .heading h4,
    .banner-sec .form h4{
        font-size: 22px;
    }
    .work-sec .work-item .single-sec h6, .history-sec .single-sec h5{
        margin-top: 20px;
    }
    .work-sec .work-item .item:nth-child(2) {
        margin-top: 0px;
    }
    .work-sec .work-item .item:nth-child(3){
        margin-top: 25px;
    }
    .work-sec .work-item .single-sec{
        min-height: 275px;
    }
    .work-sec .work-item .single-sec .icon{
        width: 60px;
        height: 60px;
        font-size: 27px;
        line-height: 60px;
        margin-top: -55px;    
    }
    .accordion-sec ul li .title h6{
        font-size: 16px;
    }
    .copyright{
        flex-direction: column;
        gap: 7px;
    }
    .ppsr_right_img > img,
    .about_right_img > img {
        margin-top: 20px;
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 8px;
    }
    .section-padding {
        padding: 50px 0;
    }
}
@media only screen and (max-width:768px) {
    
}
@media only screen and (max-width:550px) {
    .section-padding {
        padding: 50px 0;
    }
    .banner-sec .content h3 {
        font-size: 22px;
    }
    .work-sec .work-item .title h4, .heading h4, .banner-sec .form h4{
        font-size: 18px;
    }
    .why-choose-sec .heading h4 {
        font-size: 18px;
    }
    .why-choose-sec .images img{
        margin-bottom: 0px;
    }
    .why-choose-sec .heading p{
        font-size: 14px;
        line-height: 1.4;
    }
    .why-choose-sec .item-sec{
        margin-top: 0px;
    }
    .why_choose_image >  img{
        width: 100%!important;
        height: 200px!important;
        object-fit: cover;
        margin-bottom: 15px;
    }
    .why_choose_features{
        grid-template-columns: 1fr;
    }
    .why-choose-sec .item-sec .single-sec .detail{
        padding-left: 0px;
    }
    footer .footer-items .links .head h3, .work-sec .work-item .single-sec h6, .history-sec .single-sec h5, .offer-sec .single-sec h5, .why-choose-sec .item-sec .single-sec .detail h5{
        font-size: 16px;
    }
    .heading p,
    .why-choose-sec .item-sec .single-sec .detail p{
        font-size: 14px;
        line-height: 1.4;
    }
    .why-choose-sec .item-sec .single-sec .icon{
        margin-bottom: 8px;
    }
    .history-sec .single-sec .icon img, .offer-sec .single-sec .icon img, .why-choose-sec .item-sec .single-sec .icon img{
        width: 35px;
        height: 35px;
    }
    .offer-sec .single-sec{
        margin-top: 10px;
    }
    .offer-sec .single-sec {
        padding: 15px;
    }
    .offer-sec .single-sec h5 {
        margin: 8px 0 8px;
    }
    .work-sec .work-item .single-sec {
        padding: 25px 15px;
    }
    .history-sec .single-sec {
        padding: 15px;
    }
    .work-sec .work-item .single-sec{
        min-height: auto;
        height: auto;
    }
    .work-sec .work-item .item:nth-child(3){
        margin-top: 0px;
    }
    .history-sec .single-sec{
        margin-top: 0px;
    }
    .copyright ul{
        text-align: center;
    }
    .copyright ul li:last-child a::before{
        display: none;
    }
    header .top-header .inner-top .contact ul li a .detail{
        gap: 5px;
    }
    header .top-header .inner-top .contact ul li a h6 {
        font-size: 11px!important;
    }
    header .top-header .inner-top .contact ul li a h6{
        font-size: 16px;
    }
    footer .footer-items .links {
        margin-top: 10px;
    }
    footer .footer-items .links .head {
        margin-bottom: 5px;
    }
}