@media only screen and (max-width:1170px) {
	.sliderCaptionWrap {
    width: 70%;
    position: relative;
    top: 0px;
    
}
.slider-layout2 .slider-content .caption_title{
	    margin-bottom: var(--font-10);
}

    .discuss_icon{
            left: -157px;
    }
    
    .list-reserah>li::after{
        display:none;
    }
   
    .detail_page_text .list_section_detail ul li{
        padding-left:45px;
    }
    .detail_page_text .list_section_detail ul li::after {
        width: 8%;
        height: 15px;
       left: 0px;
        top: 4px;
    }

    .milestone-counter {
        margin-bottom: 15px;
    }

    .inner-page::after,
    .slider-area2::after {
        width: 100%;
        z-index: 99;
        position: absolute
    }

    .process_box {
        height: auto;
        margin-top: 36px;
        margin-bottom: 38px
    }

    .stellarnav>ul>li>a {
        padding: 10px 9px
    }

    .main_footer {
        position: relative;
        padding-top: 77px
    }

    .inner-page::after {
        content: '';
        bottom: 0;
        height: 35px;
        background: url(../images/slider/shape2.png) top center/cover
    }
    
    .brdcrum_area {
    position: relative;
    height: 172px;
    padding-top: 75px;
}
.brdcrum_area::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: url(../images/slider/shape2.png);
    background-position: top center;
    background-size: cover;
    z-index: 99;
}



    .brdcrum_tittle,
    .slider-layout2 .slider-content .caption_title {
        font-size: 14px
    }

    .slider-area2::after {
        content: '';
        bottom: -21px;
        height: 54px;
        background: url(../images/slider/shape.png) top center/cover
    }

    .sliderCaptionWrap {
        top: 5px
    }

    .btn-theme {
        padding: 5px 12px
    }

    .head_contact {
        display: inline-grid
    }

    .head_social {
        margin-top: 10px
    }

    .head_social>span {
        float: left;
        margin-top: 5px
    }

    .head_social>ul {
        float: left;
        margin-left: 15px
    }

    .counter_sec {
        margin: -90px 0 0
    }

    .selseforceinner {
        display: block;
        gap: 20px;
        margin: 0 auto
    }

    .selseforce_wrap {
        width: 50%;
        margin: 0 auto 10px
    }

    .list-section ul li::after {
        width: 10%;
        height: 19px
    }

    .list-section ul li {
        padding-left: 49px;
        margin-bottom: 8px
    }

    .next-batch a {
        margin-top: 17px
    }

    .process_sec .sec_title .main_title {
        margin-top: 40px
    }
}

@media only screen and (min-width:1024px) and (max-height:1366px) and (-webkit-min-device-pixel-ratio:1.5) {
	
	.sliderCaptionWrap {
    width: 100%;
    position: relative;
    top: 0px;
    
}
    
    .brdcrum_area {
    position: relative;
    height: 172px;
    padding-top: 75px;
}

    .sec_padding {
        padding: 40px 0
    }

    .slider-area2::after {
        height: 155px
    }

    .sliderCaptionWrap {
        top: 50px
    }

    .selhover_wraper {
        padding: 10px
    }

    .selhover_wraper>p {
        -webkit-line-clamp: 4
    }

    .why_us_text>p {
        line-break: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical
    }

    .testimonial_wraper {
        background-position: 95% 6px
    }

    .requestform_sec::after {
        height: 60px
    }

    .requestform_sec {
        padding-top: 100px;
        padding-bottom: 40px
    }

    .about_sec {
        padding-bottom: 210px
    }

    .milestone-counter {
        width: 155px;
        height: 155px;
        padding: 0 20px
    }

    .counter_icon {
        width: 45px;
        margin: 0 auto 5px
    }

    .process_box,
    .process_text>h3 {
        height: auto
    }

    .brdcrum_area {
        position: absolute;
        top: 10%
    }

    .brdcrum_tittle {
        font-size: 14px
    }

    .main_footer {
        padding-top: 42px
    }

    @media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
		.sliderCaptionWrap {
    width: 100%;
    position: relative;
    top: 0px;
    
}

		.slider-layout2 .slider-content .sub_caption {
		font-size: var(--font-18);}

        .about_wrap p,
        .why_us_text>p {
            line-break: auto;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical
        }

        .sec_padding {
            padding: 40px 0
        }

        .slider-area2::after {
            height: 120px
        }

        .sliderCaptionWrap {
            top: 50px
        }

        .selhover_wraper {
            padding: 10px
        }

        .selhover_wraper>p {
            -webkit-line-clamp: 4
        }

        .why_us_text>p {
            -webkit-line-clamp: 3
        }

        .testimonial_wraper {
            background-position: 95% 6px
        }

        .requestform_sec::after {
            height: 60px
        }

        .requestform_sec {
            padding-top: 100px;
            padding-bottom: 40px
        }

        .about_sec {
            padding-bottom: 210px
        }

        .counter_wraper {
            padding: 50px 25px
        }

        .milestone-counter {
            width: 138px;
            height: 138px;
            padding: 0 5px
        }

        .counter_icon {
            width: 35px;
            margin: 0 auto 5px
        }

        .process_box,
        .process_text>h3 {
            height: auto
        }

        .process_icon {
            width: 75px;
            height: 75px;
            margin-top: -55px
        }

        .about_wrap p {
            -webkit-line-clamp: 6
        }

        .selseforceinner {
            flex-wrap: wrap
        }

        .selseforce_wrap {
            width: 31.33%
        }

        .event_figure {
            width: 140px;
            height: 140px
        }

        .inner-page::after {
            content: '';
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 37px
        }

        .brdcrum_area {
            position: absolute;
            top: 10%
        }

        .brdcrum_tittle {
            font-size: 14px
        }

        .main_footer {
            padding-top: 42px
        }
    }

    @media (min-width:320px) and (max-width:480px) {
		.slider-layout2 .slider-content .sub_caption {
			    font-size: var(--font-20);
		}
        .sec_padding {
            padding: 50px 0
        }

        section {
            overflow: hidden
        }

        .sec_title {
            margin-bottom: 20px
        }

        .btn-theme {
            font-size: 13px;
            padding: 5px 17px
        }

        .section_shape-2 {
            bottom: auto;
            top: 10px;
            width: 35px
        }

        .tittle_sec .heading span {
            display: inline-block !important
        }

        .about_sec::after,
        .cursor,
        .cursor2,
        .head_contact>ul>li>span {
            display: none
        }

        .head_contact {
            flex-wrap: wrap;
            justify-content: center;
            gap: 5px
        }

        .head_contact>ul>li>a {
            margin-left: 10px
        }

        .head_contact>ul:nth-child(2) li a:nth-child(3) {
            margin-left: 0
        }

        .head_contact>ul {
            text-align: center
        }

        .navbar-brand {
            max-width: 100%;
            padding: 8px;
            margin-top: 0;
            box-shadow: none;
            border-bottom-right-radius: 0
        }

        .nivo-control {
            width: 16px;
            height: 16px
        }

        .nivoSlider {
            height: 300px
        }

        .nivoSlider img {
            height: 300px;
            width: 100% !important;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: -110px 0;
            object-position: -110px 0
        }

        .nivo-controlNav {
            right: 0
        }

        .sliderCaptionWrap {
            width: 100%;
            top: 30px
        }

        .slider-area2::after {
            height: 95px
        }

        .process_box {
            height: auto;
            margin-bottom: 30px
        }

        .process_icon {
            width: 60px;
            height: 60px;
            margin-top: -40px
        }

        .process_icon>img,
        .why_us_icon>img {
            width: 35px;
            height: 35px
        }

        .process_text>h3 {
            height: auto
        }

        .counter_sec {
            margin: 0;
            background: url(../images/bg/bg-2.png) 0 0/cover
        }

        .counter_wraper {
            background: no-repeat;
            box-shadow: none;
            padding: 50px 3px
        }

        .milestone-counter {
            width: 130px;
            height: 130px;
            padding: 1px;
            margin: 8px auto
        }

        .counter_icon {
            width: 30px
        }

        .selseforceinner {
            flex-wrap: wrap
        }

        .selseforce_wrap {
            width: 100%
        }

        .selseforce_wrap>img {
            height: 250px;
            object-fit: cover;
            -webkit-object-fit: cover;
            object-position: center center;
            -webkit-object-position: center center
        }

        .why_us_icon {
            width: 85px;
            height: 85px
        }

        .testimonial_wraper {
            background-position: 88% 3%
        }

        .requestform_sec {
            padding-top: 50px;
            padding-bottom: 50px
        }

        .main_footer::after,
        .requestform_sec::after {
            height: 15px
        }

        .event_box {
            margin-left: 35px
        }

        .event_figure {
            left: -33px;
            width: 70px;
            height: 100px
        }

        .event_wraper {
            padding: 20px 20px 20px 50px
        }

        .ourstudent_wraper {
            padding: 40px 45px
        }

        .ourstudent_box>img {
            height: 75px
        }

        .footer_title {
            margin-bottom: 10px
        }

        .inner-page::after {
            content: '';
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 37px
        }

        .brdcrum_area {
            position: absolute;
            top: 10%
        }

        .brdcrum_tittle {
            font-size: 14px
        }

        .main_footer {
            padding-top: 42px
        }
	}