/* Extra Small (Telefonlar) */
@media (max-width: 576px) {
    .slider-section .slider-content-img img{
        max-width: 280px;
    }
  }
  
  /* Small (Tabletler) */
  @media (min-width: 577px) and (max-width: 768px) {

  }
  
  /* Medium (Daha büyük tabletler ve küçük dizüstü bilgisayarlar) */
  @media (min-width: 1200px) and (max-width: 1300px) {
    .banner-section .banner-flex .banner-img {
        position: absolute;
        right: 0;
        text-align: end;
        top: 70px;
    }
    .banner-section .banner-flex .banner-img img {
        max-width: 100%; 
    }
    .banner-section .banner-box{ right: 1%; }
  }
  
  /* Large (Dizüstü bilgisayarlar) */
  @media (min-width: 993px) and (max-width: 1200px) {
    .comment-slider-section .swiper .swiper-wrapper .swiper-slide{
        width: 464px !important;
        height: 464px !important;
    }
    .d-menu-res{
        margin:0px 45px;
    }
    .banner-section .banner-flex .banner-img {
        position: relative;
        right: 0;
        text-align: end;
        top: 70px;
        
    }
    .banner-section .banner-flex .banner-img img {
    }
  }
  
  /* Extra Large (Büyük dizüstü bilgisayarlar ve masaüstü bilgisayarlar) */
  @media (min-width: 1201px) {
    .comment-slider-section .swiper .swiper-wrapper .swiper-slide{
        width: 464px !important;
        height: 464px !important;
    }
  }
@media (min-width: 1400px){
    .br-btm-nw{
        min-height: 300px;;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .banner-section .banner-flex .banner-img {
        position: absolute;
        right: -5%;
        top: 70px;
    }
    .d-menu-res{
        margin:0px 75px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .banner-section .banner-flex .banner-img {
        position: absolute;
        right: -10%;
        top: 70px;
    }
    .d-menu-res{
        margin:0px 75px;
    }
}

  @media (min-width: 1600px) and (max-width: 1900px) {
    .banner-section .banner-flex .banner-img {
        right: 1% !important;
    }
    .d-menu-res{
        margin:0px 230px;
    }
  }
   /* Extra Extra Large (Büyük Ekranlar) */
  @media (min-width: 1600px) {
    .about-us-section {
        background-size: 200% !important;
    }
    .d-menu-res{
        margin:0px 300px;
    }
    .banner-section .banner-flex .banner-img {
        right: 1%;
    }
    .banner-section .banner-box {
        right: 1%;
    }
    .panel-section {
        background-position: center !important;
        background-size: cover !important;
    }
    .branding-blog-section {
        background-position: center;
        background-size: cover;
    }
    .expert-section {
        background-position: center;
    }
  }
  @media (min-width: 991px){
    .mbile-section{display:none}
    .panel-section .panel-content .panel-box-list .panel-box {min-height: 640px;}
    .detail-prof-2-inside.itw-l{padding:40px 20px !important; }
    .banner-section .banner-content input {
        min-height: 52px;
    }
    .sub-banner-section .sub-banner-content input {
        min-height: 52px;
    }
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-top .banner-content-btns .banner-content-input input {
        min-height: 52px;
    }
  } 
  /* Tablet ve Telefonlar */
  @media (max-width: 991px) {

    
    [class^="col-"] {
        width: 100%;
      }
    h1,h2,h3,h4,h5{
        font-size:42px;
    }
    span{
        font-size:40px;
    }


    .branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-top .banner-content-btns {
       flex-direction: column;
    }
    .pc-mackup {
        position: relative;
        display: flex;
        justify-content: center;
        max-width: 400px;
    }
    .ms-mc {
        max-width: 450px;
        overflow: hidden;
    }
    .ic-g-ms {
        position: absolute;
        top: 5px;
        z-index: -1;
        text-align: center;
        display: flex;
        justify-content: center;
        height:auto;
    }
    .ic-g-v{
        overflow: hidden;
        width: 45%;
    }
    .ic-g-v img {
        width: 100%;
        height: 269px;
        border-radius: 20px;
    }
    .ic-g-ms img {
        width: 75%;
        height: 90%;
    }
    
    .slider-section .slider-content-img img {
        max-width: 100%;
        height: 100%;
    }
    .main-header .navbar .navbar-frame .right-menu {
        display: none;
    }
    .banner-section .banner-flex {
        display: grid;
    }
    .banner-section .banner-flex .banner-img {
        position: relative;
        right: 0px;
        top: 0px;
    }
    .banner-section .banner-content {
       
        padding: 30px 0px;
    }
    .banner-section .banner-content h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .btn-gurulize {
/*        font-size: 14px;
        padding: 10px 13px;*/
    }
    .banner-section .banner-content input {
        padding: 0.675rem 0.25rem;
    }
    .sub-line-a {
        text-align: center;
    }
    .sub-line-a .sub-line{
        font-size: 13px;
    }
    .banner-section .banner-box {
        display: none;
    }
    .mbile-section .slider-box-content-icon {
        padding: 9px 9px;
        gap: 8px;
    }
    .mbile-section .icon-box {
        width: 50px;
        height: 50px;
    }
    .mbile-section .icon-box img{
        max-width: 30px;
        max-height: 35px;
    }
 
    .mbile-section .icon-text p {
        font-size: 13px;
        line-height: 22px; 
    }
    .mbile-section .slider-content  h2 {
        font-size: 30px !important;
        line-height: 30px !important; 
    }

   

    .slider-section .inside-slider-box .slider-box-content .slider-box-content-icon {
        width: 82px;
        padding: 9px 9px;
        gap: 8px;
    }
    .slider-section .inside-slider-box .slider-box-content .icon-box {
        width: 50px;
        height: 50px;
    }
    .slider-section .inside-slider-box .slider-box-content .icon-box img{
        max-width: 30px;
        max-height: 35px;
    }
    .slider-section .inside-slider-box .slider-box-content .icon-text p {
        font-size: 13px;
        line-height: 22px; 
    }
    .slider-section .inside-slider-box .slider-image-content .slider-flex {
        display: grid;
    }
    .clients-section {
        margin-top:0px;
    }
    .clients-section .slick-slider img {
        width: 105px;
        height: 38px;
    }
    .about-us-section .top-aboutus .top-about-content .top-about-title h3 {  
     width: auto  
    }
    .top-demo .demo-text {
        text-align: left;  
    }
    .top-demo .demo-text .demo-btn {
        height: 30px;
        padding: 0px 10px;
        font-size: 13px;
        line-height: 13px;
        width: 204px;
        position: relative;
        top: 11px;
    }
    .top-demo .demo-text p span {
        font-size: 17px !important;
        line-height: 14px !important;
        font-weight: 500;
    }
    .top-about-icon {
        display: none;
    }
    .top-demo .demo-text #close-demo {
        
        align-items: center;
        display: flex;
    }
    .banner-section .banner-content .banner-content-btns {
        flex-direction: column;
        gap: 20px;
    }
    .banner-section .banner-content form {
       width:100%;
    }
    .visit-section .visit-box .visit-content .visit-btn {
        width:100%;
    }
    .nw-dtail-prof .banner-content-btns {
      flex-direction: column;
    }
    .nw-dtail-prof form {
        width: 100%;
      }
    .about-us-section .top-aboutus .top-about-content .top-about-title-p .top-about-p {
        width: auto;
        height: auto;
        margin-top: -120px;
        margin-left: 0px;
    }
    .about-us-section .top-aboutus .top-about-boxs {
        margin-top: 10px;
    }
    .row {
        gap:16px;
    }
    .about-us-section .bottom-about-us {
        display: grid;
        position: relative;
    }
    .about-us-section .bottom-about-us .bottom-about-content {
        gap: 30px;
    }
    .about-us-section .bottom-about-us .bottom-about-content .bottom-about-text {
       
        gap: 30px;
        width: auto;
    }
    
    .about-us-section .bottom-about-us .bottom-about-icon {
        width: auto;
        height: auto;
        position: absolute;
        top: 100px;
        right: 0;
    }
    .about-us-section .bottom-about-us .bottom-about-icon img{
        width: 90px;
    }
  
    .bottom-about-img img{
        width: 100%;
        margin-top: 50px;
    }
    .marketing-section .marketing-box {
        padding: 60px 20px 420px;
    }
    .blog-section {
        padding: 0px 0px 60px;
    }
    .comment-slider-section .comment-slider-content .slider-text-all .arrow-class {
       margin-top: 0px;
    } 
    
    .visit-section .visit-box {
       
        display: grid;
    }
    .expert-2-section {
        background-position: left;
    }
    .comment-slider-section .comment-slider-content {
        display: grid;
        width: 100%;
        gap: 60px;
    }
    .comment-slider-section .comment-img-slider {
        width: 100%;
        overflow: hidden;
    }
    .comment-slider-section .comment-slider-content .slider-text-all {
        width: 100%;
    }
    .expert-section .expert-box .expert-content .btn-gurulize.btn-yellow {
        
        width: auto !important;
       
    }
    .comment-slider-section .swiper .swiper-wrapper .swiper-slide {
        height: 464px !important;
    }
    .comment-img-slider {
        width: 100%;
        max-width: 100%;
        max-height: 100vh;
        min-height: 0;
        min-width: 0;
      }
      .slider-text-all{
        width: 100%;
        max-width: 100%;
        max-height: 100vh;
        min-height: 0;
        min-width: 0;
      }
      .comment-slider-section .comment-slider-content .comment-text {
        width: auto;
    }
    .comment-slider-section .swiper .swiper-wrapper .swiper-slide-img {
        height: 80%;
        background-size: 100% !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    .swiper-3d .swiper-slide-shadow {
       
        display: none;
    }
    .slider-section .inside-slider-box .slider-box-content {
        
        justify-content: center;
    }
    .visit-img img{
        max-width: 300px;
    }
    .expert-2-section .expert-box .expert-content .btn-gurulize.btn-yellow {
        width: auto !important;
    }
    .navbar-toggler-icon {
        width: 30px;
        height: 30px;
    }
    .main-header .navbar .navbar-frame .navbar-list {
        flex-direction: column;
        background: #ffffff;
        z-index: 1;
        position: absolute;
        height: auto;
        left: 0;
        right: 0;
        padding: 15px;
        z-index: 99;
    }
    .navbar-collapse h3, .navbar-collapse h2, .navbar-collapse h4{
        font-size: 19px !important;
        line-height: 20px !important;
    }

    .msust-section{display: none;}


    .sub-banner-section .sub-banner-flex .sub-banner-img {
        position: relative;
        margin-left: 0px;
    }
    .sub-banner-section .sub-banner-flex {
        display: grid;
    }
    .sub-banner-section .sub-banner-content input {
        width: 100%;
        padding: 0.675rem 0.25rem;
    }
    .sub-banner-section .sub-banner-content .sub-banner-content-btns {
        gap: 25px;
        flex-direction: column;

    }
    .faq-section.new-p-section form{
        width: 100%;
    }
    .faq-section.new-p-section .sub-banner-content-btns{
        flex-direction: column;
        display: flex;
    }
    .sub-banner-section form{
        width: 100%;
    }
    .info-section .info-content {
        display: grid;
        gap: 60px;
    }
    .p-about-section .p-about-content .p-about-title-content {
        display: grid;
        width: 100%;
    }
    .p-about-img img{
        width: 100%;
    }
    .p-comment-section .p-comment-content .p-comment-title .p-comment-title-h {
        width: auto;
    }
    .p-comment-section .p-comment-content .p-comment-list .p-comment-box.side-box {
        margin-top: 0px;
    }
    .sub-banner-img img{
        width: 100%;
    }
    .price-list-section .price-list-content .price-list-sub-content .price-list-buttons .btn-chose.chose span{
        font-size: 15px !important;
        line-height:15px !important;
    }
    .price-list-section .price-list-content .price-list-sub-content .price-list-buttons .btn-gurulize{
        padding: 18px 20px;
    }
    .plan-section .plan-content .plan-table .plan-table-content table {
       
        overflow-x: auto;
        display: block;
    }
    .faq-section .faq-content .faq-title-content {
        display: grid;
        gap: 40px;
    }
    .faq-img img{
        width:100%;
    }
    .plan-section {
        padding: 0px 0px 30px;
    }
    .detail-section .detail-bottom-image .white-box-2 {
        height: 50px;
        left: 0px; 
        top: 40%;
    }
    .detail-section .detail-bottom-image .white-box-2 p {
        font-size: 14px;
    }
    .detail-section .detail-bottom-image .white-box p {
        font-size: 14px;
    }
    .detail-bottom-image .back-img img{
        width:100%;
    }
    .detail-section .detail-bottom-image .yellowarrow {
        left: 0px;
        width: 100px;
    }
    .detail-section .detail-bottom-image .elipse {
        right: 0px;
        top: 0px;
    }
    .detail-section .detail-bottom-image .white-box {
       
        top: 60%;
        right: 0px;
        
    }
    .detail-section {
        padding: 60px 0px 0px;
    }
    .detail-section .detail-list-content .detail-list-title .detail-list-p p {
        font-size: 18px;
        line-height: 27px;
    }
    .detail-prof-section .detail-prof-box {
        display: grid;
       
    }
    .detail-prof-img img {
        width: 100%;
        margin-top: 40px;
    }
    .detail-prof-2-section .detail-prof-2-box .detail-prof-2-content .detail-prof-2-bottom p {
       
        text-align: start;
    }
    .aboutusdetail .detail-prof-2-img {
        padding:35px;
    }
    .detail-prof-2-img {
        padding:15px;
    }
    .detail-prof-2-img img{
        width: 100%;
    }
    .detail-prof-2-section .detail-prof-2-box .detail-prof-2-inside {
        display: grid;
        padding: 0px;
    }
    .detail-prof-2-section .detail-prof-2-box .detail-prof-2-content {
    gap: 20px;
    padding: 0px 30px;
    }
    .detail-prof-2-section {
        padding: 0px 0px;
    }

    .branding-banner-section .branding-banner-content .branding-banner-list {
        display: grid;
    }
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area {
        min-height: 475px;
        width: 100%;
        height: 100%;
    }
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area .b-image-one {
    
        width: 100%;
        height: 100%;
    }
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area .b-image-one img {
        width: 100%;
        height: 100%;
    }
    .price-list-section .price-list-content .price-list-sub-content .price-list-box-list .price-list-box .price-list-title-top .price-list-box-price .price-time p {
     
        line-height: 26px;
    }
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area .b-image-two {
        top: 57px;
        right: 50px;
    }
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area .b-image-three {
        top: 132px;
        left: 0px;
    }
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area .b-image-logo {
        top: 177px;
        display: none;
        right: 0px;
    }
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-left-area .b-image-four {
        top: 340px;
    }
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area {
        padding: 10px;
    }
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-top .banner-content-btns .banner-content-input input {
        width: 100%;
        padding: 0.625rem 1rem;
    }
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-top form{
        width: 100%;
    }
    .branding-info-section .info-content .info-box {
        display: grid;
    }
    .branding-blog-item img{
        width:100%;
    }
    .branding-blog-section {
       
        background-position: center;
        background-size: cover;
        padding-bottom: 100px;
    }
    .branding-title-section {
        padding: 0px 0px;
        margin-top:-150px; 
    }
    .bloglist-bg-section .bloglist-bg-box .bloglist-bg-content .btn-gurulize.btn-yellow {
        width: auto !important;
    }
    .bloglist-section .blog-box .blog-box-head {
        display: grid;
    }
    .bloglist-section .blog-box span.date-blog {
        font-size: 15px !important;
    }
    .blog-detail-section .blog-detail-left .left-top .left-text h3 {
        font-size: 30px !important;
        line-height: 25px !important; 
    }
    .blog-detail-section .blog-detail-left .left-center h4 {
        font-size: 24px !important;
    }
    .blog-detail-section .blog-detail-left .left-center .left-profile .profile-name h5 {        
        font-size: 22px !important;
        line-height:20px !important;
    }
    .blog-detail-section span.date-blog {
        font-size: 11px !important;    
        line-height:14px !important;
    }
    .help-box-section .help-col .help-box {
        height: 400px;
    }
    .help-section .help-content .help-input {
        width: 90%;
    }
    .little-section .little-box {
        display: grid;
    }
    .p-about-box-list .boxmiddle h5 {
       
        font-size: 21px !important;
        
    }
    .onboard-top {
        padding: 20px 10px;
    }

    .onboard-top .onboard-top-content h3  {
        font-size: 20px !important;
        line-height: normal !important; 
        display: none;  
    }
    .onboard-top .onboard-top-content span  {
        font-size: 20px !important;
        line-height: normal !important;   
    }
    .themalist .themalist-content .themalist-title h4 {
        font-size: 20px !important;
        line-height: normal !important;
        margin-top: 40px;
    }
    .login-image img{
        width:100%;
        height: 100%;
    }
    .login-bottom span{
        font-size:14px !important;
    }
    .login-section .login-left .login-bottom .login-input {
        
        width: auto;
    }
    .login-section .login-content .login-left.onboard-login .login-onboard {
        width: auto;
        margin-bottom: 20px;
    }

    
    .ozellestirilmis-checkbox label {
        width: auto;
    }
    .login-section .login-content .login-left.onboard-login .login-onboard p {
        width: auto;
    }
    .modal-gurulize {
        padding: 13px;
    }
    .loading-ok img{
        width:100%;
    }
    .f-404-section .f-404-content .f-404-title {
        padding: 0px 0px;
    }
    .about-us-section.no-bg-about .top-aboutus .top-about-content .top-about-title-p .top-about-p {
        margin-top: 0px;
        margin-left:0px;
    }
    .aboutusdetail.detail-prof-2-section .detail-prof-2-box .detail-prof-2-content {
        padding: 10px 50px 10px 30px;
    }
    .detail-prof-2-section .detail-prof-2-box .detail-prof-2-content .detail-prof-2-bottom p {       
        font-size: 20px;
    }
    .aboutusdetail.detail-prof-2-section .detail-prof-2-box {
        
        padding: 40px 25px;
       
    }
    .expert-box span{
        font-size:30px !important
    }
    .expert-box h3{
        font-size: 30px !important;
    }
    .expert-section .expert-box .expert-content .expert-text p {
        font-size: 18px;
        line-height: 23px;
    }
    .expert-form-section .expert-box .expert-inside {
        padding: 15px 10px 30px;
    }
    .f-404-section .password-box .login-input {
       
        width: auto;
    }
    .login-section .login-left .login-2-bottom {
        padding: 0px 0px;
    }
    .login-section .login-left .login-2-bottom .login-select-platform .platform-list .platform-box h5 {
        font-size: 20px !important;
        line-height: normal !important;
    }
    .login-section .login-left .login-2-bottom .login-select-platform .platform-list .platform-box .platform-btn .btn-gurulize {
        font-size: 14px;
        width: auto;
        padding: 3px 7px;
       
    }
    .login-section .login-left .login-3-bottom {
        padding: 0px 0px;
    }
    .left-top .left-text h3 {

    font-size: 34px !important;
    }
    .banner-content-btns .btn-gurulize {
        min-height: 48px;
        font-weight: 500;
        line-height: 15px;
        padding: 9px;
    }
    .clients-section.clients-detail{
        margin-bottom: 0px !important;
    }
    .comment-slider-section .comment-slider-content .comment-text h3 {
        color: #0E2154;
        font-size: 20px!important;
        font-style: normal;
        font-weight: 500;
        line-height: 32px!important;
    }
    .banner-section .banner-content h2 { font-size: 40px; line-height: 47px; }
    .banner-section .banner-content p { font-size: 21px; line-height: 32px; }

    .slider-section .inside-slider-box .slider-box-title h2 { font-size: 38px; }

    .slider-section .inside-slider-box .slider-image-content .slider-flex .slider-content { padding: 0px 0px; }
    .slider-section .inside-slider-box .slider-image-content .slider-flex .slider-content h2 { font-size: 35px; line-height: 46px; }
    .slider-section .inside-slider-box .slider-image-content .slider-flex .slider-content p { font-size: 18px; line-height: 28px; margin-top: 15px; }
    .slider-section .inside-slider-box .slider-image-content .slider-flex .slider-content .slider-content-btns { width: 100%; margin-top: 25px; }
    
    .about-us-section .top-aboutus .top-about-content .top-about-title h3 { width: 100%; height:auto; font-size: 55px; line-height: 55px; }
    .about-us-section .top-aboutus .top-about-content .top-about-title-p .top-about-p { margin-top: auto; }
    .about-us-section .top-aboutus .top-about-content .top-about-title-p .top-about-p p { font-size: 18px; line-height: 25px; }
    .about-us-section .top-aboutus .top-about-boxs .about-box p { font-size: 18px; line-height: 26px; }
    .about-us-section .top-aboutus .top-about-boxs .about-box .box-content .about-btn { font-size: 17px;  margin-top: 15px; }
    .about-us-section .bottom-about-us .bottom-about-content .bottom-about-text h3 { font-size: 50px; line-height: 55px; }
    .about-us-section .bottom-about-us .bottom-about-content .bottom-about-text h3 span { font-size: 50px; line-height: 55px; }
    .about-us-section .bottom-about-us .bottom-about-content .bottom-about-text p { font-size: 22px; line-height: 28px; }

    .marketing-section .marketing-box .marketing-content .marketing-text h3 { font-size: 40px; line-height: 45px; }
    .marketing-section .marketing-box .marketing-content .marketing-text p { font-size: 20px; line-height: 27px; margin-top: 20px; }

    .visit-section .visit-box .visit-content .visit-text h3 { font-size: 50px; line-height: 51px; }
    .visit-section .visit-box .visit-content .visit-text p { color: #0E2154; font-size: 20px; font-style: normal; font-weight: 500; line-height: 24px; }
    .visit-section .visit-box .visit-content .visit-text { gap: 7px; }

    .expert-2-section .expert-box .expert-content .expert-text h3 { font-size: 40px; line-height: 40px!important; }
    .expert-2-section .expert-box .expert-content .expert-text p { font-size: 20px; line-height: 28px; }

    .blog-section .blog-title { gap: 10px; }
    .blog-section .blog-title h3 { font-size: 50px; font-style: normal; font-weight: 700; line-height: 55px; }
    .blog-section .blog-title p { font-size: 20px; line-height: 24px; }
    .faq-content .sub-banner-content-submit .btn-gurulize { font-size: 20px; padding: 20px 15px; font-weight: 500; line-height: 15px; margin-top: 20px; }
    .comment-slider-section .comment-slider-content .comment-text h3 span{ font-size: 20px!important; line-height: 32px!important; }
    .comment-slider-section .comment-slider-content .comment-text p { font-size: 21px; }
    
    .arrow-class { display: block; width: 80px; margin: auto; gap: 8px!important; }
    .arrow-class img{ width: 35px; }
    
    .blog-section .blog-box h4 { line-height: 24px; }
    .blog-other-btn{ margin: auto; }
    .blog-section .blog-other-btn .about-btn { font-size: 22px; text-align: center; }
    .blog-section .blog-box .about-btn { font-size: 16px; line-height: 30px; gap: 8px; }.blog-section .blog-box { gap: 10px; }
    
    .expert-box h3 { font-size: 45px !important; line-height: 50px!important; }
    .expert-box h3 span{ font-size: 45px !important; }
    
    .aboutusdetail.detail-prof-2-section .detail-prof-2-box { padding: 40px 15px; }    
    .aboutusdetail.detail-prof-2-section .detail-prof-2-box .middlecontent.detail-prof-2-content { padding: 0px 15px !important; }
    .aboutusdetail.detail-prof-2-section .detail-prof-2-box .detail-prof-2-content { padding: 10px 15px 10px 15px; }
    .detail-prof-2-section .detail-prof-2-box .detail-prof-2-content { padding: 0px 15px; }
    .detail-prof-section { padding: 50px 0px; }
    .detail-section .detail-list-content .detail-list-title .detail-list-h h1 { font-size: 40px; line-height: 45px; }
    .detail-prof-section .detail-prof-box .detail-prof-content .detail-prof-text h3 { font-size: 40px; line-height: 45px; }

    .faq-section .faq-content .faq-title-content .faq-title h3 { font-size: 40px; line-height: 45px; }
    .faq-section .faq-content .faq-bottom-content .faq-bottom-left h4 { font-size: 30px; }
    .faq-section .faq-bottom-content .faq-bottom-right .accordion-flush h5 button { font-size: 18px !important; font-weight: 600 !important; }
    
    .sub-banner-section .sub-banner-content h2 { color: #0E2154; font-size: 45px; line-height: 50px; }
    .sub-banner-content-submit .btn-gurulize { font-size: 14px; padding: 10px 9px; font-weight: 500; line-height: 15px; }
    .f-404-section .f-404-content .f-404-title h2 { font-size: 55px; line-height: 55px; }
    .p-about-section .p-about-content .p-about-title-content .p-about-title h3 { font-size: 38px; line-height: 45px; }
    .p-comment-section .p-comment-content .p-comment-title .p-comment-title-h h3 { font-size: 50px; line-height: 55px; }
    .p-comment-section .p-comment-content .p-comment-list .p-comment-box .p-comment-box-text p span{ font-size: 16px; font-weight: 600; }
    .panel-section .panel-content .panel-title h3 { font-size: 45px; line-height: 50px; }
    .panel-section { padding: 50px 0px; }
    .branding-banner-section .branding-banner-content .branding-banner-list .branding-right-area .branding-right-top .branding-right-text .branding-right-title h2 { font-size: 40px; line-height: 50px; }
    .blog-section { padding: 60px 0px 60px; }
    .solutions-section { padding: 50px 0px 0px; }
    .solutions-section .solutions-content .solutions-title h3 { font-size: 40px; line-height: 50px; }
    
    .branding-info-section .info-content .info-box .info-title h3 span { font-size: 35px; }
    .branding-blog-section .branding-blog-list .branding-blog-item .text-item .branding-blog-h h4 { font-size: 45px; line-height: 50px; }
    .branding-title-section .branding-title-content .branding-title h4 { font-size: 40px; line-height: 50px; }
    .price-list-section .price-list-content .price-list-title .price-list-h h1 { font-size: 43px; text-align: center; line-height: 50px; }
    .bloglist-title-section .bloglist-title-content .bloglist-title h4 { font-size: 40px; font-weight: 400; line-height: 50px; }
    .bloglist-title-section .bloglist-title-content .bloglist-title h4 span{ font-weight: 600; }
    .bloglist-bg-section .bloglist-bg-box .bloglist-bg-content .bloglist-bg-text h3 { font-size: 40px; font-weight: 400;  line-height: 47px; }
    .help-section .help-content .help-title h1 { font-size: 55px; line-height: 56px; }
    .expert-form-section h4 { font-size: 50px; line-height: 54px; }
    .expert-form-section .box-p p { font-size: 21px; }
    .expert-form-section.expert2 h4 span { font-size: 40px!important; }
    .expert-form-section .login-onboard h5 { font-size: 30px; }
    .detail-prof-2-section .expert2-inside h3 { font-size: 40px; line-height: 45px; }
    .expert-form-section.expert2 h4 { font-size: 40px; line-height: 45px; }
    .detail-prof-2-section .detail-prof-2-box { padding: 40px 15px; }
    .p-about-btn .about-btn { font-size: 27px; line-height: 70px; }
    .detail-prof-section .detail-prof-box .detail-prof-content { gap: 10px; }
    .footer-section .col { width: 100%; display: block; float: left; flex: none; }
    .footer-section .footer-list ul { gap: 8px; }
    .footer-section .footer-list ul li a { font-size: 16px; line-height: 23px; }
    .detail-section .detail-bottom-image .play { position: absolute; right: 50%; top:40%; z-index: 5; width: 60px; margin-right: -30px; }
}
  
.bottom-about-img{
    overflow: hidden;
}
.loading-image {
    animation: loadingAnimation 3s infinite;
  }
  .okok{
    position: absolute;
  }
  .loadingarea{
    position: relative;
    display: flex;
    justify-content: center;
  }
  
  #image2 {
    animation-delay: 1s;
  }
  
  #image3 {
    animation-delay: 2s;
  }
  
  @keyframes loadingAnimation {
    0% {
        opacity: 0;
        transform: scale(1);
    }
    35% {
        opacity: 1;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
  }