<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Large desktop :1920px. */
@media (min-width: 1920px) {
    .client-content p{font-size: 20px}
    .benefit-content p{font-size: 15px}
    .single-benefit{margin-right: 30px}
    .mentor-about-img &gt; img {width: 100%}
    .col-lg-offset-4.benefit-col {margin-left: 32%}
}

/* Laptop Device :1366px. */
@media (min-width: 1200px) and (max-width: 1500px) {
    .mentor-about-img &gt; img {width: 100%}


}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .top {
        min-height: 0px;
    }
    .aboutUs-content {margin-right: 38px; margin-top: 0}
    .benefit-area{ background-position: 30% 50%}
    .article-left h3::after {right: -10px}
    .article-right {margin-left: 50px}
    .single-widget.ml-85 {margin-left: 20px}
    .single-widget.ml-100 {margin-left: 30px}
    .benefit-icon {margin-right: 10px}
    .event-date h2 {font-size: 20px}
    .event-date h2 span, .event-list-content h2 a {font-size: 15px}
    .event-date {height: 80px; padding: 14px 0; width: 80px}
    .event-details{margin-left: 0}
    .event-img {margin-right: 20px}
    .event-detail-content h3 {font-size: 14px;line-height: 22px}
    .event-date-content p {font-size: 12px}
    .event-list-content {padding: 13px 20px 14px}
    .event-list-wrapper{margin-right: 0}
    .event-social ul li {margin-right: 14px}
    .event-details-bottom &gt; p, .event-social p {font-size: 13px; line-height: 24px}
    .event-details-bottom h2 {margin-bottom: 20px; margin-top: 10px}
    .event-details-bottom input {margin-bottom: 15px}
    .single-post-content h5 {font-size: 13px; line-height: 20px}
    .single-post-img {margin-right: 10px}
    .single-post-content p {font-size: 12px;}
    .info-icon i {margin-right: 8px}
    .mentor-about-content p.detail {font-size: 15px; line-height: 24px}
    .mentor-about-content p.detail:last-child {display: none}
    .event-details-bottom h2 {font-size: 18px; margin-bottom: 20px; margin-top: 20px}
    

}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .top {
        min-height: 0px;
    }
    .main-menu ul li a {line-height: 86px}
    .aboutUs-content {margin-right: 0px; margin-top: 0}
    .section-title h2 {font-size: 30px; margin-bottom: 15px}
    .aboutUs-content p {font-size: 14px; line-height: 24px; margin-bottom: 20px}
    .benefit-area {background-position: 30% 50%}
    .client-content p {font-size: 15px; line-height: 26px}
    .blockNone{
        display: block;
    }
    .single-widget.ml-85, .single-widget.ml-100 {
        margin-left: 0px;
        color: #ffffff;
    }

    .single-widget.mr-50, .event-list-wrapper {margin-right: 0}
    .single-widget p {font-size: 13px}
    .slide-content h2{font-size: 45px; margin-bottom: 20px}
    .event-list-content {width: 81%}
    .event-details, .map-area{margin-top: 50px;}
    .mentor-about-content p.detail:last-child {display: none}
    .sticky .logo {padding: 18px 0}
    .event-img &gt; img{width: 100%; margin-bottom: 20px}
    .mentor-about-img{ margin-right: 0px}
    .mentor-about-content p.detail {font-size: 15px; line-height: 25px}
    .top {min-height: 86px}
    .event-date {padding: 18px 35px 24px}
    .event-img &gt; img {margin-bottom: 0px}
    .event-details {margin-left: 0}

}

 
/* small mobile :320px. */
@media (max-width: 767px) {
    .top {
        min-height: 45px;
    }
   .container {
       width:310px;
       /*padding: 0px 10px;*/
   }
   /*.header-area .container{*/
       /*width: 300px;*/
       /*!*height: 56px;*!*/
   /*}*/
    .header-sticky{
        height: 60px;
    }
    .logo a img{
        /*margin-top: -29%;*/
        width: 41%;
    }
    .logo{
        padding: 12px 0 8px;
    }
    .mean-container a.meanmenu-reveal{
        margin-top: -45px;
    }
    .features-area .fea{
        width: 33%;
        float: left;
    }
    .feature__icon{
        width: 40px;
        margin-bottom:0px;
        position: relative;
        /*left: 20%;*/
    }
    .trigger .trigger-text{
        margin-bottom: 5%;
    }
    .feature__content h4{
        margin-top: 6px;
    }
    .feature__content h4 a {
        font-weight: normal;
        font-size: 17px;
    }
    .feature__content p{
        font-size: 12px;
        line-height: 16px;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left:10px;
        padding-right:10px;
    }
    .slide-content h2 {
        font-size: 24px;
        margin-bottom: 15px
    }
    .slide-content p {
        font-size: 15px;
        margin-bottom: 30px;
    }
    .aboutUs-content {
        margin-right: 0px;
        margin-top: 0px;
    }
    .aboutUs-area, .benefit-area, .pricing-area, .testimonial-area, .mentor-area, .article-area, .fun-area, .event-detail-area, .article--detials-area, .gallery-area {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .mentor-details-area, .contact-area {
        padding-top: 70px
    }
    .section-title h2 {
        font-size: 22px;
        margin-bottom: 10px;
        color: #333333;
    }
    .section-title p {
        font-size: 14px;
    }
    .range-area .section-title{
        margin-bottom: 15px;
    }
    .range-area .range{
        width: 50%;
    }
    .range-area .range{
         margin: 0%;
    }
    .article-left h3{
        font-size: 14px;
    }
    .col .title{
        font-size: 17px;
    }
    .media-heading{
        font-size: 16px;
        margin-bottom: 5%;
    }
    .aboutUs-content p {font-size: 14px; line-height: 25px}
    .aboutUs-content, .single-fun{padding-bottom: 10px}
    .aboutUs-area .aboutUS-none{
        display: none;
    }
    .pb-120{
        padding-bottom: 20px ;
    }
    .pt-108{
        padding-top: 35px;
    }
    /*.services-area .col-xl-4{*/
        /*width: 40%;*/
    /*}*/
    .services-area .section-title{
        margin-bottom: 15px;
    }
    .service-wrapper{
        width: 48%;
        float: left;
        padding: 0 2%;
        margin-bottom: 6%;
    }
    .service-wrapper p{
        margin: 0;
        line-height: 20px;
        font-size: 12px;
    }
    .service-wrapper h2{
        font-size: 16px;
        margin-bottom: 5%;
    }
    .service-wrapper img{
        margin: 4px;
        width: 55%;
    }
    .counter-area .single-couter{
        width: 50%;
        float: left;
        margin-bottom: 8%;
    }
    .counter{
        font-size: 20px;
    }
    .counter-area .lnr img{
        width: 30%;
    }
    .grid .grid-item{
        width:50%;
        float: left;
    }
    .mb-30 {
         margin-bottom: 6px;
    }
    .function .col-lg-2{
        width: 49%;
        float: left;
    }
    .col{
        height: 210px;
    }
    .col .description{
        line-height: 20px;
    }
    .pt-120{
        padding-top: 30px;
    }
    .features .media.service-box:first-child{
        margin-top: 0;
    }
    /*.pull-left{*/
        /*width: 50%;*/
    /*}*/
    .media.service-box {
        margin: 15px 0;
    }
    .media-body {
        text-align: center;
    }
    .pull-left{
        float: none !important;
    }
    .media,.media.service-box{
        margin-top: 0px;
    }
    .media.service-box .pull-left{
        margin-right: 0px;
        text-align: center;
    }
    .features .media{
        width: 50%;
        float: left;
        padding: 0% 1%;
    }
    .media.service-box .pull-left &gt; i{
        width: 52px;
        height: 52px;
        line-height: 45px;
        margin-bottom: 10%;
    }
    .media .media-body p{
        font-size: 12px;
        line-height: 20px;
    }
    .fix{
        overflow: visible;
    }
    .features .fea{
        width: 50%;
    }
    .col-md-3:last-child .single-fun{padding-bottom: 0}
    .benefit-area .col-md-4:last-child .single-benefit, .pricing-area .col-md-4:last-child .single-table, .col-md-6:last-child .single-testimonial, .col-md-3:last-child .single-mentor, .col-md-4:last-child .single-article, .col-md-4:last-child .single-widget{margin-bottom: 0}
    .single-table, .single-testimonial, .single-mentor, .single-article, .single-widget{margin-bottom: 10px}
    .event-content h3 {font-size: 25px}
    .event-content p {font-size: 15px}
    .client-img {margin-right: 8px}
    .client-title h4, .article-right p {font-size: 14px}
    .client-title h5, .footer-bottom p, .single-post-content p {font-size: 13px}
    .article-left h3::after {right: -10px;display: none;}
    .article-right {margin-left: 50px}
    .single-widget.ml-85, .single-widget.ml-100 {margin-left: 0px}
    .single-widget.mr-50{margin-right: 0}
    a.mr-2{margin-right: 1px}
    a.mb-2{margin-bottom: 1px}
    .benefit-area {background-position: 50% 50%}
    .mentor-about-img{ margin-right: 0px}
    .event-date, .event-list-content {width: 92%; margin: 10px}
    .sticky .mean-container a.meanmenu-reveal {margin-top: -45px}
    .event-list-content h2 {line-height: 18px}
    .event-list-content h2 a {font-size: 16px}
    .event-img {width: 100%; margin-bottom: 20px; margin-right: 0}
    .event-img img {width: 100%; margin-right: 0}
    .article-content {bottom: 6px;
        left: 12px;
    }
    .detail-date p {font-size: 18px; margin-bottom: 0}
    .detail-date p span {font-size: 10px}
    .detail-date{padding: 5px 5px 0; top: 10px; left: 10px}
    .article-details-content blockquote {margin-left: 25px}
    .comment-date {float: left; margin-top: 5px}
    .comment-img {margin-right: 12px}
    .single-comment.child {margin-left: 30px}
    .single-post-content {display: table}
    .single-post-content h5 {font-size: 15px; line-height: 20px}
    .comment p{font-size: 15px}
    .map-area{margin-top: 50px}
    .col-md-6:first-child .single-info, .mentor-about-img {margin-bottom: 50px}
    .portfolio.hover-style img, .mentor-about-img &gt; img {width: 100%}
    .article-right p a {font-size: 14px}
    .info-content p {font-size: 12px}
    .info-icon i {margin-right: 5px}
    .owl-nav div{display: none}
    .event-details {margin-left: 0}
    .event-list-wrapper {margin-right: 0}
    .event-detail-content {overflow: inherit}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {width:450px}
    .aboutUs-img .col-sm-6 img, .mentor-img img, .article-img img{width: 100%}
    a.mr-2{margin-right: 2px}
    a.mb-2{margin-bottom: 2px}
    .comment-date {float: right; margin-top: 0px}
    .main-footer .col-md-4:last-child .single-widget{margin-right: 100px}
    .event-date, .event-list-content {width: 96%}
    .info-content p {font-size: 14px}
    .info-icon i {margin-right: 15px}
}
</pre></body></html>