@media only screen and (max-width:1100px){
.form-promo .promoForm{width:100%}
.form-promo h3.title{font-size:30px}
.menu-head{display:inline-block!important}
.menu-head-right{display:inline-block!important;padding:0;max-width:100%!important}
.logo{float:left}
.menu-head{display:inline-block!important;width:100%}
.logo img{width:200px}
.menu-head .nav{display:inline-block!important;width:100%;float:left;text-align:right}
header .cart{float:right;margin-right:10px;margin-top:13px}
.anaMenu{display:inline-block!important}
.courseContent .courseItem .courseItemInner .textContent .title{font-size:14px}
.courseContent .courseItem .courseItemInner .textContent .benefits .benefitsItem{width:100%}
.courseContent .courseItem .courseItemInner .textContent .price .priceArea{width:100%}
.kurumsalLeft{padding-right:15px}
.kurumsalBottom h2,.kurumsalLeft h1{font-size:28px;line-height:40px;margin-bottom:30px}
.kurumsalGallery ul li:nth-child(1){height:220px}
.kurumsalGallery ul li:nth-child(2){width:48%;height:445px}
.kurumsalGallery ul li:nth-child(3){height:200px}
.kurumsalGallery ul li:nth-child(3){width:50%;height:200px;float:left;margin-left:0;margin-top:-60px;left:0}
.kurumsalGallery ul li:nth-child(4){width:calc(50% - 20px);height:230px;float:left;left:0;right:0;margin-top:10px;margin-left:10px}
.kurumsalGallery ul li:nth-child(5){width:45%;height:200px;float:left;top:-90px;margin-left:5%}
.kurumsalBottom{margin-bottom:50px}
.iletisimItem h2{font-size:16px}
.iletisimItem{font-size:12px;line-height:24px;min-height:120px;margin-bottom:25px}
.iletisimLeft{font-size:12px;line-height:24px}
.kursPrice{padding:0}
.kursDetay{padding-right:0}
.sepetDetay .benefitsItem{float:left;font-size:12px;margin-right:15px}
.sepetDetay .benefits{width:55%}
.egitmenBilgi{width:45%;float:inherit}
.sepetOzet{height:250px;padding:30px}
.kartBilgileriForm .form-control{ padding-left: 15px;}
.kartBilgileriForm {
    width: 100%;
}
.gucenli-icon{ margin-top: 0px;}
.odeKursBilgi h3 {
    font-size: 14px;
}
.odeKursBilgi .priceArea .original-price{ font-size: 12px;}
.sepetPrice .discount-price {
    font-size: 16px;
    line-height: 14px;
}
.sepetPrice .orginalPriceSepet span {
    font-size: 10px;
    line-height: 9px;
}
.sepetCollapse {
    top: 35px;
    z-index: 9;
    right: -150px;
}
.sepetPopupBody ul{ height: 348px;}
.userLogo {
    float: right;
    margin-right: 20px;
    margin-top: 10px;
}
}
@media only screen and (max-width:768px){
.anaMenu{float:right}
.videoInfo .content .textInfo a.title{font-size:22px}
#cbaStats .row div.cbaStatsText{text-align:center;margin-bottom:20px}
.courseContent .courseItem .courseItemInner .textContent .benefits .benefitsItem,.courseContent .courseItem .courseItemInner .textContent .price .priceArea{width:33.3%}
.form-promo h3.title{font-size:22px}
.langMenu{padding-left:0;margin-top:15px}
footer#footer .footerCopyright{display:inline-block;width:100%}
.contact,.copyright{width:100%;float:left;margin-bottom:15px}
footer#footer .footerCopyright .phone{margin:0}
#categories .panelContainer{display:inline-block;justify-content:space-between;width:100%;padding:0}
#categories .panelContainer .panel{width:33%;float:left;display:block}
#categories{overflow-y:scroll}
.detailHeaderRight{width:390px;margin-bottom:-101px;bottom:0;float:right}
#pageHeader{height:auto}
#pageHeader p{margin-bottom:50px}
#kursTab{margin-top:80px;margin-bottom:50px}
.kurumsalGallery ul li:nth-child(1){height:150px}
.kurumsalGallery ul li:nth-child(2){height:350px}
.kurumsalGallery ul li:nth-child(3){height:150px;margin-top:-35px}
.kurumsalGallery ul li:nth-child(4){height:180px}
.kurumsalGallery ul li:nth-child(5){height:150px;top:-65px}
.menu-head{margin-top:15px}
.cbaBenefits .cbaBenefitsBox{max-width:33.3%}
.iletisimLeft{font-size:14px;line-height:28px;margin-bottom:50px}
.iletisimItem{font-size:14px;line-height:28px;min-height:120px;margin-bottom:25px;padding:0}
.egitmenList li{width:calc(33.3% - 20px);margin:10px;height:220px}
.redHeader{padding:50px 0}
.egitmenDers{margin-top:35px}
.sepetListe, .odeLeft{padding-right:15px;padding-left:15px}
.kaldir{float:left;width:30%;text-align:left;margin-top:30px}
.sepetPrice{width:70%;margin-top:10px}
.sepetPrice .original-price{display:inline-block;margin-right:15px;margin-top:9px}
.sepetPrice .orginalPriceSepet{width:auto;float:right}
.kursPrice{border-top:1px solid #e4e9ef;margin-top:20px}
.sepetRow{padding:20px}
.odeKartContent{ margin-bottom: 20px;}
.sepetCollapse .sepetPrice {
    width: 100%;
}
.sepetCollapse .orginalPriceSepet {
    float: left;
    margin-left: 0px;
    margin-top: 10px;
}
}
@media only screen and (max-width:500px){
.logo img{width:130px}
.btn-red,.btn-white{width:110px;height:40px;font-size:12px;margin-left:10px!important}
header .cart{float:left;margin-right:0;margin-top:7px;margin-left:0}
.kategoriMenu{margin-left:5px!important}
#pageHeader.homepage{height:500px}
#pageHeader h1{font-size:22px!important}
#cbaStats .row{margin:0!important}
#cbaStats .container{padding:0 15px!important}
#cbaStats .row div.cbaStatsText h2{font-size:18px;margin:15px 0 0}
#cbaStats .statsBox{display:flex;margin-bottom:15px}
.liveLessonFrame{width:350px}
.contentContainer{padding:50px 0;width:100%;float:left}
#msgbox{padding:10px 0;font-size:12px}
header{margin-bottom:0px;margin-top:20px}
.baslikRow{display:inline-block!important;width:100%;float:left}
.courseContent,.courseHeader{display:inline-block;float:left;width:100%}
.courseHeader .title{width:100%;margin-bottom:15px}
.photo img{width:100%}
footer#footer .footerHeader{width:100%;float:left}
#registerPromote .container .patlangac{position:absolute;display:block;right:20%;top:-60px;width:200px}
#registerPromote .container h4{font-size:24px;font-weight:700;line-height:1.57;margin-top:120px}
.h3,h3{font-size:1.5rem!important}
.video-promo h3.title{font-size:18px;color:#fff;line-height:1.5;text-align:center;margin-bottom:30px}
.video-promo .playit{font-size:16px}
.form-promo{margin-top:40px}
.form-promo h3.title{font-size:18px;margin-bottom:20px}
.form-promo .promoForm .formTitle{font-size:16px;padding:10px}
.form-promo .promoForm .promoFormObj{padding:20px}
.whyCBA{position:relative;display:inline-block;width:100%;height:auto}
.whyCBA .cbaBadge{position:relative;margin-top:30px;z-index:9;margin-bottom:20px;width:150px;margin-left:50%;left:-75px}
.smHeader{display:inline-block!important}
.footerHeader .img-fluid{width:200px;margin-bottom:15px}
.footerHeader h3{font-size:19px}
footer#footer .footerCopyright .contact{display:inline-block}
.mail{margin:10px 0 0 0!important;display:block}
.bg-light{background-color:#fff!important;padding:0;float:right}
#navbarTogglerDemo02{width:100%;float:left;text-align:center;margin-bottom:20px}
#categories .panelContainer .panel{width:100%;float:left;display:block;text-align:center;margin-bottom:10px}
#pageHeader.subpage{height:250px}
.accordion .searchItem .image img{border-radius:5px;width:100%}
.accordion .searchItem .searchInfo .salesInfo{display:inline-block;width:100%;float:left;margin-top:15px}
.lessonInfo{width:100%}
.accordion .searchItem .searchInfo .salesInfo .lessonInfoItem{width:33.3%;float:left}
.accordion .searchItem .searchInfo .salesInfo .priceArea{display:inline-block;margin-top:20px;width:100%}
.accordion .searchItem .searchInfo .salesInfo .priceArea .price{float:left}
.priceArea .btn-red2{float:right;margin-top:20px}
.videoInfo .content .textInfo a.title2{font-size:16px}
.langMenu,.m-px{padding-left:15px!important;padding-right:15px!important}
.detailHeaderLeft{float:left;padding-right:15px}
.kursDetail{display:inline-block;margin-bottom:10px;width:100%}
.kursDetailItem{float:left;margin-right:30px}
.egitmenAdi{width:100%;margin-bottom:15px;margin-left:0}
.detailHeaderBottom .social{width:100%}
.detailHeaderRight{width:100%}
#kursTab .nav-link{font-size:13px!important;line-height:26px;padding:0 20px 0 0}
#kursTab .nav-item:last-child .nav-link{padding:0}
#kursTab{margin-bottom:30px;padding-right:0}
#kursTab .nav-link.active:before{width:calc(100% - 20px);height:3px;bottom:-5px}
#kursTabContent h2{color:#686f7a;font-size:18px;line-height:32px;margin-bottom:15px}
.courseHeader .title,.smHeader .title{font-size:20px!important}
.menu-head{margin-top:0}
.kurumsalBottom h2,.kurumsalLeft h1{font-size:22px;line-height:32px;margin-bottom:25px}
.kurumsalGallery ul li:nth-child(2){height:180px;width:46%}
.kurumsalGallery ul li:nth-child(1){height:90px;width:30%;margin-left:20%;margin-top:50px}
.kurumsalGallery ul li:nth-child(3){height:80px;margin-top:-30px;width:calc(50% + 20px);margin-left:-20px}
.kurumsalGallery ul li:nth-child(4){height:100px;width:calc(50% + 10px);margin-right:-30px}
.kurumsalGallery ul li:nth-child(5){height:80px;top:-50px}
.kurumsalBottom{margin-bottom:0}
.cbaBenefits .cbaBenefitsBox{max-width:100%}
.iletisimItem{min-height:auto}
.iletisimContent{padding-bottom:0!important;margin-bottom:0}
.iletisimForm .form-row{height:50px}
.iletisimForm .form-row .input-group-prepend span{padding:5px 15px}
.iletisimForm .form-row .form-control{height:20px}
.iletisimForm .form-row .form-control{height:35px;border:none;padding-left:15px;margin-top:5px;font-size:14px}
.iletisimForm .form-row label{left:60px;top:10px}
.iletisimForm .form-row.is-invalid,.iletisimForm .form-row.is-valid{border-width:2px}
.iletisimForm .form-row.formTextarea .input-group-prepend span{height:35px}
.iletisimForm .form-row.formTextarea .form-control{height:90px;margin-top:0;padding-top:0}
.iletisimForm .form-row.formTextarea{height:110px;padding-top:5px}
.iletisimForm .btn-red{margin-left:0}
.maps{height:250px;border:3px solid #ec5252;border-radius:5px;padding:0;margin-top:20px;margin-bottom:0}
.redHeader{padding:30px 0!important;height:250px}
.egitmenList ul{width:calc(100% + 10px);margin-left:-5px}
.egitmenList li{width:calc(50% - 10px);margin:5px;height:180px}
.egitmenAdi{margin-bottom:0;font-size:14px}
.redHeader.redHeadEgitmen{height:auto}
.egitmenContent,.egitmenFoto{margin-bottom:25px}
.egitmenTitle{padding-left:15px}
.egitmenTitle h1{font-size:22px;margin-bottom:10px}
.egitmenTitle .yas{font-size:12px;top:2px}
#egitmenTabs .nav-link{padding:0 30px 0 0;font-size:14px}
#egitmenTabs li:last-child .nav-link{padding:0}
#egitmenTabs .nav-link.active:before{width:calc(100% - 30px);height:3px;bottom:-7px}
#egitmenTabsContent{margin-top:0}
.oturumBtn{width:100%;height:50px;margin-left:0!important}
.kursImg{height:160px;margin-bottom:20px}
.kursDetay{padding-right:0;padding-left:0}
.kursDetay h2{font-size:16px}
.sepetDetay .benefits{width:100%;margin-top:0}
.egitmenBilgi{width:100%;float:inherit;margin-top:15px}
.sepetOzet .tutar{font-size:26px;margin-top:5px}
.redFullBtn{height:45px;line-height:45px}
.sepetOzet{height:auto}
.odeKartContent{ padding:20px;}
.odeKartContent p {
    font-size: 13px;
    line-height: 23px;
}
.kartBaslik strong {
    font-size: 14px;
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
}
.kartIcon {
    margin-bottom: 30px;
}
.kartBilgileriForm .form-group.form-card-3 {
    width: calc(33.3% - 10px);
    margin-right: 10px;
}
.odeKursImg {
    width: 100%;
    height: 180px;
    margin-right: 0;
    margin-bottom: 20px;
}
.odeKursBilgi {
    width: 100%;
}
.odeKursBilgi h3 {
    font-size: 16px !important;
}
.sepetPrice {
    width: 100%;
}
.odeKursBilgi .priceArea .orginalPriceSepet {
    float: right;
}
.odemeSonuc h1 {
    font-size: 20px;
    line-height: 30px;
  }
  .odemeSonuc a {
    width: 90%;
  }
  .sepetCollapse {
    top: 40px;
    z-index: 9;
    right: 0;
    left: 0;
}
.sepetCollBilgi strong{ text-align: left;}
.sepetPopupBody ul {
    height: 174px;
}
.userLogo {
    float: left;
    margin-top: 15px;
}
.userLogin .cart {
    margin-top: 20px;
}
.bildirimCollapse{ right: auto; left: 0;}
}