@media only screen and (max-width: 425px){
    #TAG{
        flex-direction: column;
        span{
            margin-right: 0;
            margin-bottom: 20px;
        }
    }
    #FourList{
        flex-direction: column;
        .list{
            width: 100%;
        }
    }
}
@media only screen and (min-width: 426px) and (max-width: 1199px){
    #FourList:hover{
    .list{
      flex-basis: 48%;
    }
    }
    #FourList{
        flex-wrap: wrap;
        .list{
            flex: 1 1 48%;
        }
        .list:hover{
            flex-basis: 48%;
        }
    }
}
@media only screen and (max-width: 991px){
    .countPAC{
        .counter-block{
            .counter-inner{
                .counter-no{
                    margin-bottom: -0.45em !important;
                }
            }
        }
    }
    .header-style1 {
        .container-fluid {
            .col-12 {
                padding-right: 12px !important;
            }
        }
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .countPAC{
        .counter-block{
            .counter-inner{
                .counter-no{
                    margin-bottom: -0.39em !important;
                }
            }
        }
    }
}
@media only screen and (min-width: 992px){
    body.header-style1 .transparent-header,
    body.header-style1 .page-title-section{
        margin-top: -114px !important;
    }
}
@media only screen and (max-width: 460px){
    .vdoPAC {
        .title-style5 {
            > h2 {
                font-size: 60px;
                font-weight: 400;
                color: #20252D;
            }
        }
    }
}
@media only screen and (max-width: 1399px){
    .testimonailsPAC{
        .testimonial-carousel6{
            .owl-nav{
                .owl-prev {
                    left: -12%;
                }
            }
        }
    }
    .topmenubar{
        margin: 0 !important;
    }
}
@media only screen and (min-width: 576px){
    .countPAC,
    .twocolumnPAC,
    .contactPAC .e-con-inner,
    .halftextPAC > div,
    .vdoPAC,.servicePAC > div,
    .logoPAC > div,
    .testimonailsPAC,
    .bg1PAC > div,
    .threeslidePAC > div,
    .teamPAC,
    .max-width-PAC,
    .max-width-div-PAC > div,
    .banner-solution-PAC div:last-of-type{
        max-width: 540px !important;
        margin: 0 auto !important;
        left: 0 !important;
    }
}
@media only screen and (min-width: 768px){
    .countPAC,
    .twocolumnPAC,
    .contactPAC .e-con-inner,
    .halftextPAC > div,
    .vdoPAC,.servicePAC > div,
    .logoPAC > div,
    .testimonailsPAC,
    .bg1PAC > div,
    .threeslidePAC > div,
    .teamPAC,
    .max-width-PAC,
    .max-width-div-PAC > div,
    .banner-solution-PAC div:last-of-type{
        max-width: 720px !important;
        margin: 0 auto !important;
        left: 0 !important;
    }
}
@media only screen and (min-width: 992px){
    .countPAC,
    .twocolumnPAC,
    .contactPAC .e-con-inner,
    .halftextPAC > div,
    .vdoPAC,.servicePAC > div,
    .logoPAC > div,
    .testimonailsPAC,
    .bg1PAC > div,
    .threeslidePAC > div,
    .teamPAC,
    .max-width-PAC,
    .max-width-div-PAC > div,
    .banner-solution-PAC div:last-of-type{
        max-width: 960px !important;
        margin: 0 auto !important;
        left: 0 !important;
    }
}
@media only screen and (min-width: 1200px){
    .countPAC,
    .twocolumnPAC,
    .contactPAC .e-con-inner,
    .halftextPAC > div,
    .vdoPAC,.servicePAC > div,
    .logoPAC > div,
    .testimonailsPAC,
    .bg1PAC > div,
    .threeslidePAC > div,
    .teamPAC,
    .max-width-PAC,
    .max-width-div-PAC > div,
    .banner-solution-PAC div:last-of-type{
        max-width: 1170px !important;
        margin: 0 auto !important;
        left: 0 !important;
    }
}
@media only screen and (min-width: 1400px){
    .countPAC,
    .twocolumnPAC,
    .contactPAC .e-con-inner,
    .halftextPAC > div,
    .vdoPAC,.servicePAC > div,
    .logoPAC > div,
    .testimonailsPAC,
    .bg1PAC > div,
    .threeslidePAC > div,
    .teamPAC,
    .max-width-PAC,
    .max-width-div-PAC > div,
    .banner-solution-PAC div:last-of-type{
        max-width: 1320px !important;
        margin: 0 auto !important;
        left: 0 !important;
    }
}
@media only screen and (max-width: 979px) {
    #TimeLine{
        .ag-timeline_line{
            left: 30px;
        }
        .ag-timeline_item:nth-child(2n){
            text-align: left;
        }
        .ag-timeline-card_box,
        .ag-timeline_item:nth-child(2n) .ag-timeline-card_box{
            padding: 0 0 20px;
        }
        .ag-timeline-card_meta-box{
            display: none;
        }
        .ag-timeline-card_point-box,
        .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box{
            margin: 0 0 0 8px;
        }
        .ag-timeline-card_point{
            height: 40px;
            line-height: 40px;
            width: 40px;
        }
        .ag-timeline-card_item{
            width: auto;
            margin: -65px 0 0 75px;
        }
        .ag-timeline_item:nth-child(2n + 1) .ag-timeline-card_item,
        .ag-timeline_item:nth-child(2n) .ag-timeline-card_item{
            -webkit-transform: translateX(200%);
            -moz-transform: translateX(200%);
            -ms-transform: translateX(200%);
            -o-transform: translateX(200%);
            transform: translateX(200%);
        }
        .ag-timeline_item:nth-child(2n + 1) .ag-timeline-card_arrow{
            right: auto;
            left: 0;
        }
        .ag-timeline-card_title{
            display: block;
        }
        .ag-timeline-card_arrow{
            margin-top: 12px;
        }
    }
}
@media only screen and (max-width: 767px) {
    #TimeLine{
        .ag-format-container{
            width: 96%;
        }
        .ag-timeline-card_img{
            height: auto;
            width: auto;
        }
    }
}
@media only screen and (max-width: 639px) {
    #TimeLine{
        .ag-timeline_title{
            font-size: 60px;
        }
        .ag-timeline-card_info{
            padding: 10px 15px;
        }
        .ag-timeline-card_desc{
            font-size: 14px;
        }
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    #TimeLine{
        .ag-format-container{
            width: 750px;
        }
    }
}
@media (min-width: 980px) and (max-width: 1161px) {
    #TimeLine{
        .ag-format-container{
            width: 960px;
        }
    }
}
@media only screen and (max-width: 1024px){
    .catlist{
        .text{
            box-shadow: 0 0 25px rgba(0,0,0,.3);
        }
    }
}