@media (min-width: 768px) and (max-width: 1024px) {

  .primary-bg{
    display: none;
  }
  .navbar ul li{
    margin-right: 0;
    line-height: 20px;
  }

  .navbar ul li a{
   font-size: 16px;
 }

 .navbar ul .btnsearch{
  display: none;
}

.main-slider .carousel-caption {
  padding: 0;
  bottom: 0;
}

.main-slider .carousel-caption h5{
  font-size: 65px;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.main-slider .carousel-caption p{
  font-size: 14px;
}

.main-slider .slider_btn{
  margin-top: 0!important;
  margin-bottom: 20px;
}

.info-card{
  position: unset;
  padding: 80px 0;
}

.info-card .col-lg-3{
  margin-bottom: 20px;
}

.info-card .col-lg-3:last-child{
  margin-bottom: 0;
}

.info-card .card {
  width: 100%;
  height: 100%;
  position: unset;
}
.about-content{
  margin-top: 30px;
}

.about-us .about-content h5{
  font-size: 35px;
}

.about-us .about-content p, .about-us .about-content ul li{
 font-size: 14px;
}

.info-video{
  padding: 30px 0;
}

.info-video .card h5{
  font-size: 45px;
}

.info-video .card p{
  font-size: 14px;
}
.faaliyet-section .list-group li{
  padding-left: 10%!important;
}
.faaliyetler .faaliyet-banner{
height: auto;
}
.faaliyetler .faaliyet-banner .banner-img img{
bottom: 0;
}
.sertifika .sertifika-gallery .card{
  width: 300px;
  margin-left: auto!important;
  margin-right: auto!important;
}
footer{
  text-align: center;
}
footer .footer_logo{
  margin-left: auto;
  margin-right: auto;
}
footer p{
  font-size: 14px;
}
footer .footer_social li a {
 font-size: 20px;
}
footer h1{
  font-size: 20px;
  margin-top: 20px;
}
footer .quick_links ul li a {
 font-size: 17px;
 line-height: 20px;
}
.page-info ul li a{
  font-size: 18px;
}
.page-info ul li i{
 font-size: 18px;
}
.page-info .text-left li a{
  font-size: 24px;
}
.blog-widget{
  padding-left: 0!important;
  margin-top: 30px;
}
.blog-widget .news-card .card-header, .blog-widget .uygulama-card .card-header, .blog-widget .popular-card .card-header{
  font-size: 25px;
}
.blog-widget .news-card .card-body h5, .blog-widget .uygulama-card .card-body h5{
 font-size: 23px;
}
.blog-widget .news-card .card-body p, .blog-widget .uygulama-card .card-body p {
  font-size: 14px;
}
.blog-widget .popular-card .card-body .tags{
  font-size: 22px;
}
.page .page-blog .blog-content h1 {
  font-size: 35px;
}
.page .page-blog .blog-content .date {
  font-size: 20px;
}
.page .page-blog .blog-content p, .page .page-blog .blog-content ul li{
  font-size: 14px;
}
.on_sartlandirma .card{
  margin-bottom: 30px;
}
.categories .card{
  width: auto;
  height: auto;
}
.categories .card .card-body h5 {
 font-size: 27px;
}
.categories .card .card-body p {
 font-size: 14px;
}
.categories .card .card-body .btndetay {
 font-size: 22px;
}
.categories .cat-content{
  font-size: 20px;
}
.medya-blog .card .card-body h5{
 font-size: 35px;
}

.medya-blog .card .card-body p{
 font-size: 22px;
}
.medya-blog .card .card-body ul li, .medya-blog .card .card-body ul li a{
 font-size: 20px;
}
.medya-blog .card .card-body .btndevam{
 font-size: 24px;
}
.urun-table table tbody tr td {
  font-size: 25px;
}
.cozumler-ic h1 {
  font-size: 35px;
}
.urun-table table thead tr th {
  font-size: 27px;

}
.urun-blog .urun-table{
  display: none;
}
.urun-blog .urun-content{
  margin-top: 35px;
}
.urun-blog .urun-title h1{
  font-size: 45px;
}
.urun-blog .urun-content h2{
  font-size: 35px;
}
.urun-blog .urun-content ul li{
  font-size: 25px;
}
.urun-blog .urun-content .btndokuman{
  font-size: 25px;
}
.urun-blog .urun-content .btndokuman i {
  font-size: 40px;
}
.login .login-left{
  height: 50vh;
}
.login .login-left p{
 font-size: 30px;
}
.login .login-left .login-social p{
 font-size: 35px;
}
.login .login-left .login-social li a{
  font-size: 30px;

}
.login .login-right .login-form{
  padding: 20% 0;
}
.login .login-right .login-form p {
 font-size: 27px;
}
.login .login-right .login-form h1{
 font-size: 65px;
}
.login .login-right .login-form input{
  font-size: 30px;
}
.login .login-right .login-form form label , .login .login-right .login-form form a{
  font-size: 25px;
}
.login .login-right .login-form .btngonder{
  font-size: 27px;
}





}


@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .primary-bg{
    display: none;
  }
  .navbar ul li{
    margin-right: 0;
    line-height: 20px;
  }

  .navbar ul li a{
   font-size: 16px;
 }

 .navbar ul .btnsearch{
  display: none;
}

.main-slider .carousel-caption {
  padding: 0;
  bottom: 0;
}

.main-slider .carousel-caption h5{
  font-size: 65px;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.main-slider .carousel-caption p{
  font-size: 14px;
}

.main-slider .slider_btn{
  margin-top: 0!important;
  margin-bottom: 20px;
}

.info-card{
  position: unset;
  padding: 80px 0;
}

.info-card .col-lg-3{
  margin-bottom: 20px;
}

.info-card .col-lg-3:last-child{
  margin-bottom: 0;
}

.info-card .card {
  width: 100%;
  height: 100%;
  position: unset;
}
.about-content{
  margin-top: 30px;
}

.about-us .about-content h5{
  font-size: 35px;
}

.about-us .about-content p, .about-us .about-content ul li{
 font-size: 14px;
}

.info-video{
  padding: 30px 0;
}

.info-video .card h5{
  font-size: 45px;
}

.info-video .card p{
  font-size: 14px;
}
.faaliyet-section .list-group li{
  padding-left: 10%!important;
}
.faaliyetler .faaliyet-banner{
height: auto;
}
.faaliyetler .faaliyet-banner .banner-img img{
bottom: 0;
}
.sertifika .sertifika-gallery .card{
  width: 300px;
  margin-left: auto!important;
  margin-right: auto!important;
}
footer{
  text-align: center;
}
footer .footer_logo{
  margin-left: auto;
  margin-right: auto;
}
footer p{
  font-size: 14px;
}
footer .footer_social li a {
 font-size: 20px;
}
footer h1{
  font-size: 20px;
  margin-top: 20px;
}
footer .quick_links ul li a {
 font-size: 17px;
 line-height: 20px;
}
.page-info ul li a{
  font-size: 18px;
}
.page-info ul li i{
 font-size: 18px;
}
.page-info .text-left li a{
  font-size: 24px;
}
.blog-widget{
  padding-left: 0!important;
  margin-top: 30px;
}
.blog-widget .news-card .card-header, .blog-widget .uygulama-card .card-header, .blog-widget .popular-card .card-header{
  font-size: 25px;
}
.blog-widget .news-card .card-body h5, .blog-widget .uygulama-card .card-body h5{
 font-size: 23px;
}
.blog-widget .news-card .card-body p, .blog-widget .uygulama-card .card-body p {
  font-size: 14px;
}
.blog-widget .popular-card .card-body .tags{
  font-size: 22px;
}
.page .page-blog .blog-content h1 {
  font-size: 35px;
}
.page .page-blog .blog-content .date {
  font-size: 20px;
}
.page .page-blog .blog-content p, .page .page-blog .blog-content ul li{
  font-size: 14px;
}
.on_sartlandirma .card{
  margin-bottom: 30px;
}
.categories .card{
  width: auto;
  height: auto;
}
.categories .card .card-body h5 {
 font-size: 27px;
}
.categories .card .card-body p {
 font-size: 14px;
}
.categories .card .card-body .btndetay {
 font-size: 22px;
}
.categories .cat-content{
  font-size: 20px;
}
.medya-blog .card .card-body h5{
 font-size: 35px;
}

.medya-blog .card .card-body p{
 font-size: 22px;
}
.medya-blog .card .card-body ul li, .medya-blog .card .card-body ul li a{
 font-size: 20px;
}
.medya-blog .card .card-body .btndevam{
 font-size: 24px;
}
.urun-table table tbody tr td {
  font-size: 25px;
}
.cozumler-ic h1 {
  font-size: 35px;
}
.urun-table table thead tr th {
  font-size: 27px;

}
.urun-blog .urun-table{
  display: none;
}
.urun-blog .urun-content{
  margin-top: 35px;
}
.urun-blog .urun-title h1{
  font-size: 45px;
}
.urun-blog .urun-content h2{
  font-size: 35px;
}
.urun-blog .urun-content ul li{
  font-size: 25px;
}
.urun-blog .urun-content .btndokuman{
  font-size: 25px;
}
.urun-blog .urun-content .btndokuman i {
  font-size: 40px;
}
.login .login-left{
  height: 50vh;
}
.login .login-left p{
 font-size: 30px;
}
.login .login-left .login-social p{
 font-size: 35px;
}
.login .login-left .login-social li a{
  font-size: 30px;

}
.login .login-right .login-form{
  padding: 20% 0;
}
.login .login-right .login-form p {
 font-size: 27px;
}
.login .login-right .login-form h1{
 font-size: 65px;
}
.login .login-right .login-form input{
  font-size: 30px;
}
.login .login-right .login-form form label , .login .login-right .login-form form a{
  font-size: 25px;
}
.login .login-right .login-form .btngonder{
  font-size: 27px;
}


}


@media (min-width: 481px) and (max-width: 767px) {

  .primary-bg{
    display: none;
  }
  .navbar ul li{
    margin-right: 0;
    line-height: 20px;
  }

  .navbar ul li a{
   font-size: 16px;
 }

 .navbar ul .btnsearch{
  display: none;
}

.main-slider .carousel-caption {
  padding: 0;
  bottom: 0;
}

.main-slider .carousel-caption h5{
  font-size: 65px;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.main-slider .carousel-caption p{
  font-size: 14px;
}

.main-slider .slider_btn{
  margin-top: 0!important;
  margin-bottom: 20px;
}

.info-card{
  position: unset;
  padding: 80px 0;
}

.info-card .col-lg-3{
  margin-bottom: 20px;
}

.info-card .col-lg-3:last-child{
  margin-bottom: 0;
}

.info-card .card {
  width: 100%;
  height: 100%;
  position: unset;
}
.about-content{
  margin-top: 30px;
}

.about-us .about-content h5{
  font-size: 35px;
}

.about-us .about-content p, .about-us .about-content ul li{
 font-size: 14px;
}

.info-video{
  padding: 30px 0;
}

.info-video .card h5{
  font-size: 45px;
}

.info-video .card p{
  font-size: 14px;
}
.faaliyet-section .list-group li{
  padding-left: 10%!important;
}
.faaliyetler .faaliyet-banner{
height: auto;
}
.faaliyetler .faaliyet-banner .banner-img img{
bottom: 0;
}
.sertifika .sertifika-gallery .card{
  width: 300px;
  margin-left: auto!important;
  margin-right: auto!important;
}
footer{
  text-align: center;
}
footer .footer_logo{
  margin-left: auto;
  margin-right: auto;
}
footer p{
  font-size: 14px;
}
footer .footer_social li a {
 font-size: 20px;
}
footer h1{
  font-size: 20px;
  margin-top: 20px;
}
footer .quick_links ul li a {
 font-size: 17px;
 line-height: 20px;
}
.page-info ul li a{
  font-size: 18px;
}
.page-info ul li i{
 font-size: 18px;
}
.page-info .text-left li a{
  font-size: 24px;
}
.blog-widget{
  padding-left: 0!important;
  margin-top: 30px;
}
.blog-widget .news-card .card-header, .blog-widget .uygulama-card .card-header, .blog-widget .popular-card .card-header{
  font-size: 25px;
}
.blog-widget .news-card .card-body h5, .blog-widget .uygulama-card .card-body h5{
 font-size: 23px;
}
.blog-widget .news-card .card-body p, .blog-widget .uygulama-card .card-body p {
  font-size: 14px;
}
.blog-widget .popular-card .card-body .tags{
  font-size: 22px;
}
.page .page-blog .blog-content h1 {
  font-size: 35px;
}
.page .page-blog .blog-content .date {
  font-size: 20px;
}
.page .page-blog .blog-content p, .page .page-blog .blog-content ul li{
  font-size: 14px;
}
.on_sartlandirma .card{
  margin-bottom: 30px;
}
.categories .card{
  width: auto;
  height: auto;
}
.categories .card .card-body h5 {
 font-size: 27px;
}
.categories .card .card-body p {
 font-size: 14px;
}
.categories .card .card-body .btndetay {
 font-size: 22px;
}
.categories .cat-content{
  font-size: 20px;
}
.medya-blog .card .card-body h5{
 font-size: 35px;
}

.medya-blog .card .card-body p{
 font-size: 22px;
}
.medya-blog .card .card-body ul li, .medya-blog .card .card-body ul li a{
 font-size: 20px;
}
.medya-blog .card .card-body .btndevam{
 font-size: 24px;
}
.urun-table table tbody tr td {
  font-size: 25px;
}
.cozumler-ic h1 {
  font-size: 35px;
}
.urun-table table thead tr th {
  font-size: 27px;
}
.urun-blog .urun-table{
  display: none;
}
.urun-blog .urun-content{
  margin-top: 35px;
}
.urun-blog .urun-title h1{
  font-size: 45px;
}
.urun-blog .urun-content h2{
  font-size: 35px;
}
.urun-blog .urun-content ul li{
  font-size: 25px;
}
.urun-blog .urun-content .btndokuman{
  font-size: 25px;
}
.urun-blog .urun-content .btndokuman i {
  font-size: 40px;
}
.login .login-left{
  height: 50vh;
}
.login .login-left p{
 font-size: 30px;
}
.login .login-left .login-social p{
 font-size: 35px;
}
.login .login-left .login-social li a{
  font-size: 30px;
}
.login .login-right .login-form{
  padding: 20% 0;
}
.login .login-right .login-form p {
 font-size: 27px;
}
.login .login-right .login-form h1{
 font-size: 65px;
}
.login .login-right .login-form input{
  font-size: 30px;
}
.login .login-right .login-form form label , .login .login-right .login-form form a{
  font-size: 25px;
}
.login .login-right .login-form .btngonder{
  font-size: 27px;
}

.technical{display: none; !important}

.faaliyetler{margin-top: -70px;}


}


@media (min-width: 320px) and (max-width: 480px) {
  h4{
    font-size: 22px;
  }

  .primary-bg{
    display: none;
  }
  .navbar ul li{
    margin-right: 0;
    line-height: 20px;
  }

  .navbar ul li a{
   font-size: 16px;
 }

 .navbar ul .btnsearch{
  display: none;
}

.main-slider .carousel-caption {
  padding: 0;
  bottom: 0;
}

.main-slider .carousel-caption h5{
  font-size: 65px;
  font-weight: 700;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.main-slider .carousel-caption p{
  font-size: 14px;
}

.main-slider .slider_btn{
  margin-top: 0!important;
  margin-bottom: 20px;
}

.info-card{
  position: unset;
    padding: 15px 0;
}

.info-card .col-lg-3:last-child{
  margin-bottom: 0;
  padding: 0;
}

.info-card .card {
  width: 175px;
  height: 160px;
  position: unset;
}
.about-content{
  margin-top: 30px;
}

.about-us .about-content h5{
  font-size: 35px;
}

.about-us .about-content p, .about-us .about-content ul li{
 font-size: 14px;
 text-align: left;
}

.info-video{
  padding: 30px 0;
}

.info-video .card h5{
  font-size: 17px;
}

.info-video .card p{
  font-size: 13px;

}
.faaliyet-section .list-group li{
  padding-left: 10%!important;
}
.faaliyetler .faaliyet-banner{
height: 145px;
}

.faaliyetler{margin-top: -70px;}

.sertifika .sertifika-gallery .card{
  width: 230px;
  margin-left: auto!important;
  margin-right: auto!important;
}
footer{
  text-align: center;
}
footer .footer_logo{
  margin-left: auto;
  margin-right: auto;
}
footer p{
  font-size: 14px;
  padding: 0 20px;
}
footer .footer_social li a {
 font-size: 20px;
}
footer h1{
  font-size: 20px;
  margin-top: 70px;
}
footer .quick_links ul li a {
 font-size: 17px;
 line-height: 20px;
}
footer .copyright p{
  font-size: 11px;
}
footer{
  padding: 50px 0;
}
.page-info ul li a{
  font-size: 11px;
}
.page-info ul li i{
 font-size: 13px;
}
.page-info .text-left li a{
  font-size: 24px;
}
.blog-widget{
  padding-left:15px!important;
  margin-top: 30px;
}
.blog-widget .news-card .card-header, .blog-widget .uygulama-card .card-header, .blog-widget .popular-card .card-header{
  font-size: 25px;
}
.blog-widget .news-card .card-body h5, .blog-widget .uygulama-card .card-body h5{
 font-size: 23px;
}
.blog-widget .news-card .card-body p, .blog-widget .uygulama-card .card-body p {
  font-size: 14px;
}
.blog-widget .popular-card .card-body .tags{
  font-size: 22px;
}
.page .page-blog .blog-content .date {
  font-size: 20px;
}

.on_sartlandirma .card{
  margin-bottom: 30px;
}
.categories .card{
  width: auto;
  height: auto;
  margin: 30px 20px;
}
.categories .card .card-body h5 {
 font-size: 27px;
}
.categories .card .card-body p {
 font-size: 14px;
}

.medya-blog .card .card-body h5{
 font-size: 35px;
}

.medya-blog .card .card-body p{
 font-size: 22px;
}
.medya-blog .card .card-body ul li, .medya-blog .card .card-body ul li a{
 font-size: 20px;
}
.medya-blog .card .card-body .btndevam{
 font-size: 24px;
}
.urun-table table tbody tr td {
  font-size: 25px;
}
.cozumler-ic h1 {
  font-size: 35px;
}
.urun-table table thead tr th {
  font-size: 27px;

}
.urun-blog .urun-table{
  display: none;
}
.urun-blog .urun-content{
  margin-top: 35px;
}
.urun-blog .urun-title h1{
  font-size: 45px;
}
.urun-blog .urun-content h2{
  font-size: 35px;
}
.urun-blog .urun-content ul li{
  font-size: 25px;
}
.urun-blog .urun-content .btndokuman{
  font-size: 25px;
}
.urun-blog .urun-content .btndokuman i {
  font-size: 40px;
}
.login .login-left{
  height: 50vh;
}
.login .login-left p{
 font-size: 30px;
}
.login .login-left .login-social p{
 font-size: 35px;
}
.login .login-left .login-social li a{
  font-size: 30px;

}
.login .login-right .login-form{
  padding: 20% 0;
}
.login .login-right .login-form p {
 font-size: 27px;
}
.login .login-right .login-form h1{
 font-size: 65px;
}
.login .login-right .login-form input{
  font-size: 30px;
}
.login .login-right .login-form form label , .login .login-right .login-form form a{
  font-size: 25px;
}
.login .login-right .login-form .btngonder{
  font-size: 27px;
}

.technical{display: none; !important}

.info-video .row{
  flex-wrap: nowrap;
}

.faaliyetler .faaliyet-section .section-title{
  padding: 15px 10px;
}

.info-card .card h5{
  font-size: 16px;
  margin-bottom: 5px;
  width: 150px;
}
.info-card .card img{
  max-width: 80%;
}
.faaliyetler .content-title, .medya .content-title, .sertifika .content-title{
  font-size: 25px;
}
.page iframe{
  max-width: 100%;
}
.page .page-blog .blog-content h1{
  font-size: 20px;
}

.page-blog .blog-content table{
  max-width: 100%;
}

.main-slider{
   overflow-x: hidden!important;
}

.main-slider .carousel{
  position: relative;
top: 0;
}

.blog-content img {
    width: 100%;
}

.main-slider .w-100{
  max-width: 100%;
  display: block;
  height: 230px;
}
.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
   padding: 0;
  }
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 230px;
}
.navbar-brand img {
    filter: drop-shadow(1px 1px 2px #c1c1c1);
    height: 60px;
}


.page-blog .blog-content tr{
	display: flex;
  flex-direction: column;
}

.page-blog .blog-content td{
  text-align: left;
  padding-left: 50px;
}

.page .page-blog .blog-content p{
	width: 350px;
  margin: 5px;
}


}