@media (max-width: 320px){
	.counter-holder{
	    bottom: -22px !important;
	    font-size: 16px !important;
	    padding: 5px 10px 5px 10px !important;
	}
	
	.counter-top{
		display: none !important;
	}
}

@media (max-width:1368px){
	#package-end{
		position: absolute;
	    color: red;
	    left: 22px;
	    bottom: 20% !important;
	    font-size: 12px;
	    line-height: 14px;
	}
}


@media (max-width: 480px){
	
	#bundle-countdown-slide{
		text-align: center;
	}
	
	#bundle-countdown-slide .arayi-kapat-buy-button-desc-text{
		padding-left: 0px !important;
	} 

	
	#bundle-countdown-slide .arayi-kapat-sub-header-banner{ 
		font-size: 22px !important;
		margin-bottom: 15px !important;
	}
	
	#bundle-countdown-slide .new-header-arayi-kapat{
		margin-bottom: 20px !important;
		margin-top: 10px !important;
	}
	
	#bundle-countdown-slide .main-page-remaining-days{ 
		font-size: 80px !important;
	}
	
	
	.ad-modal-header{		
    	font-size: 24px !important;    	
    	line-height: 28px !important; 
	}
	
	.ad-modal-footer .button.button-red, .continue-with-selected-offer.button.button-red{
	    height: auto !important;
	    white-space: normal !important;
	    line-height: 17px !important;	   
    	padding: 5px;
	}
	

	.ad-modal-body {
	    padding: 20px 45px !important;
	}
	
	.package-contents-container .raunt-box-title{
   	    padding: 20px 60px 15px 60px !important;
    }
    
    .product-desc-image img {
	    width: 50px !important;
	    top: -6px !important;
	}
}

@media (max-width: 1310px) and (min-width: 1201px){
	    .package-contents-container .raunt-box-title{
	    	padding: 20px 90px 15px 90px !important;
	    }
}


@media (max-width: 1310px){

	    	    
	    div[pointtype="11D+12T+MF"].package-contents-container .raunt-box-title,
	    div[pointtype="11D+12T+TM"].package-contents-container .raunt-box-title,
	    div[pointtype="11T+MF"].package-contents-container .raunt-box-title,
	    div[pointtype="11T+TM"].package-contents-container .raunt-box-title{
			padding: 35px 25px 10px 10px !important;
	    }

}

@media (max-width: 990px) and (min-width: 576px){
	    .package-contents-container .raunt-box-title{
	    	    padding: 20px 50px 15px 50px !important;
	    }
	    
	    .product-desc-image img {
		    width: 50px !important;
		    top: -6px !important;
		}
}


@media (max-width: 380px) and (min-width: 321px){
	.counter-holder{
		bottom: 8px !important;
    	font-size: 16px !important;
	    padding: 5px 10px 5px 10px !important;
	}
}

@media (max-height: 742px) {
	#new-contact-form{
		bottom: 23px !important; 
		right: 35px !important;
	}
	
	#contact-form-icon-holder{
		width: 50px !important;
	    height: 50px !important;
	}
	
	.form-icon-button{		
    	width: 25px !important;
	}
	
	.form-icon-button i{		
    	width: 25px !important;    	
    	font-size: 25px !important;
	}
}

@media (max-height: 650px) {
	.popup-video-container{
		max-width :970px !important;
	}
	
	#new-contact-form{	
    	padding: 10px 10px 0px 10px !important; 
	}
}

@media (max-width: 991px){
	#bundle-countdown-slide .arayi-kapat-sub-header-banner{ 
		font-size: 34px !important;
		margin-bottom: 20px !important;
	}
	
	#bundle-countdown-slide .main-page-remaining-days{ 
		font-size: 100px !important;
	}
	
	.first-slide-caption{
    	font-size: 46px !important;
	}
	
	.first-slide{
		margin-top: 10px !important;
	}
	
	.announcement-ribbon{
		display: none !important;
	}
	
	body[page="cevap-anahtari"] .table > tbody > tr > td{
	    font-size: 14px !important;
	    line-height: 18px !important;
	}
	
	.tl-sign{
		font-size: 38px !important;
		line-height: 38px !important;
	}
}



@media (max-width: 576px) {
	
	.six-month-patlangac{
    	width: 50px !important;
	}
	
	.six-month-patlangac img {
	    width: 85px !important;
	    height: 85px !important;
	    right: -10px !important;
	}
	
	.hizligo-gift-box{
		font-size: 14px !important;
		line-height: 18px !important;
	}
	
	.awards-desc-text-right-column {
	    font-size: 16px !important;
	    line-height: 16px !important;
	    left: -65px !important;
	}
	
	.awards-desc-text-left-column {
	    font-size: 16px !important;
	    line-height: 16px !important;
	    left: 125px !important;
	}
	
	.package-contents-container .raunt-box-title{
		font-size: 18px !important;
		line-height: 22px !important;
	}
		
	.tl-sign{
		font-size: 30px !important;
		line-height: 30px !important;
		margin-left: -20px;
	}
	
	.ttnet-login-container {
		background-position: 90% 20px !important;
	    background-size: 50px !important;
	}
		
	#add-tckn{
		position: relative !important;
		text-align: center !important;
		left: 5px !important;
		width: 100% !important;
	}
	
	.add-tckn-input{
		max-width: 100% !important;
	}
	
	.telekom-logo{	
		float: none !important;
		margin: 0px 0px 20px 0px !important;
	}
	
	.ttnet-captcha {
	    position: relative !important;
	    top: 0px !important;
	    left: 0px !important;
	    margin: 20px 0px 0px 0px !important;
	}
	
	.add-new-user{
		margin: 10px 0px !important;
	}
	
	.prm-code-info{
	    position: relative !important;
	    margin-top: 10px !important;
	    left: 0% !important;
	    top: 0px !important;
	    padding: 10px !important;
	}
	
	
	div[type="tt-sozlesme"]{
		width: 95% !important;
	}	
	
	#contact-form-container{
	    width: 85% !important;
	}
	
	#contact-form-html-container .content-wrap{
		padding: 20px 0px !important;
	}
	
	.fail-page-step-name i{
	    top: 0px;
	    left: 50% !important;
	    transform: translateX(-50%);
	}
	
	.contact-form-container .form-row{
    	margin-bottom: 13px !important;
	}
	
	.contact-form-step-name{
		font-size: 20px;
		line-height: 22px;
	}
	
	.success-page-step-name, .fail-page-step-name{
		padding: 50px 0px 0px 0px !important;
		text-align: center;
		font-size: 22px !important;
		margin-bottom: 20px !important;
	}
	
	.selected-product-title{
		text-align: center !important;
	}
	
	.buy-package-button{
		width: 100% !important;
	}
	
	.success-page-step-name i{
		left: 50% !important;
		top: 0px;
		margin-left: -25px;
	}
	
	#raunt-mobile-image{
		margin: 40px 0px 20px 0px;
	}
	
	.active-progress-circle{
		margin: 0px 0px 20px 0px !important;
	}
	
	.margin-on-mobile{	
    	margin-top: 15px !important;
	}
	
	.text-align-center-on-mobile{
		text-align: center;
	}
	
	#login-right-col{
		padding-bottom: 0px !important;
	}
	
	#preloaderText{
		font-size: 20px !important;
		line-height: 24px !important;
	}
	
	#package-selector-tabs-container{
		opacity: 1 !important;
	}
	
	#package-selector-tabs-container{
		box-shadow: none !important;
	}

	.package-selector-tabs, .school-type-selector{
		border-right: none !important;
		border-bottom: 1px solid #dadada !important;
	}
	
	.package-selector-tabs[classroom="12"], .school-type-selector[classroom="11O"], .school-type-selector[classroom="12O"]{
		border-bottom-right-radius: 3px !important;
		border-bottom-left-radius: 3px !important;
     	border-top-right-radius: 0px !important;
	}
	
	.package-selector-tabs[classroom="9"], .school-type-selector[classroom="11D"], .school-type-selector[classroom="12D"]{
		border-top-left-radius: 3px !important;
		border-top-right-radius: 3px !important;
	}
	
	#login-button{
		width: 100% !important;
		text-align: center !important;
	}
	
	.package-selector-tabs.selected-package-selector-tab, .school-type-selector.selected-package-selector-tab{
			border-bottom: none !important;
	}
	
	.no-padding{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}	
		
	.progress-circles:before, .progress-circles:after{
		display: none;
	}
	
	.active-progress-circle:after{
		display: block !important;
	}
	
	#inner-button-container{
		padding: 25px 0px 0px 0px !important;
		text-align: center;
	}
	
	#buy-package-button, #buy-package-button-mobile{
		width: 100% !important; 
		text-align: center;
	}
	
	#progress-left-col{	
      	padding: 40px 30px 10px 30px !important;
	}
	
	.card-logos{
		float: none !important;
		display: inline-block;
	}	
	
	.footer-static-texts, .phone-text{
		font-size: 18px !important;
	}
	
	
	.progress-circles-text{
		display: none !important;
	}
	
	.progress-circles{
		height: 40px !important;
		width: 40px !important;
		margin-bottom: 20px !important;
	}
	
	.progress-circles i{
		font-size: 20px !important;
	}
	
	.active-progress-circle:after{
		display: none !important;
	}

	#checkout-step-3-container{
		    padding: 40px 40px 40px 40px !important;
	}
}

@media (max-width: 767px) {
	.package-contents-container.fadeInScale.mt-50 {
    	margin-top: 0px !important;
	}
	
	.hizligo-gift-box{
		font-size: 14px !important;
		line-height: 18px !important;
	}
	
	#bundle-countdown-slide .arayi-kapat-sub-header-banner{ 
		font-size: 22px !important;
		margin-bottom: 15px !important;
	}
	
	#bundle-countdown-slide .new-header-arayi-kapat{
		margin-bottom: 20px !important;
	}
	
	#bundle-countdown-slide .main-page-remaining-days{ 
		font-size: 80px !important;
	}
	
	.first-slide-caption{
    	font-size: 46px !important;
	}
	
}

@media (min-width: 576px) and (max-width: 767px) {
	
	.tl-sign{
		font-size: 50px !important;
		line-height: 50px !important;
	}
	
	.package-contents-container .raunt-box-title{
		font-size: 22px !important;
		line-height: 26px !important;
	}
	
	.ttnet-login-container {
		background-position: 90% 20px !important;
	    background-size: 75px !important;
	}
	
	.ttnet-captcha {
	    position: relative !important;
	    top: 0px !important;
	    left: 0px !important;
	    margin: 20px 0px 10px 0px !important;
	}
	
	.telekom-logo{
		float: none !important;
		margin: 0px 0px 20px 0px !important;
	}
		
	.add-new-user{
		margin: 10px 0px !important;
	}
	
	.prm-code-info{
	    position: relative !important;
	    margin-top: 10px !important;
	    left: 0% !important;
	    top: 0px !important;
	    padding: 10px !important;
	}
	
	div[type="tt-sozlesme"]{
		width: 95% !important;
	}	
	
	.selected-product-title{
		text-align: center !important;
	}
	
	.buy-package-button{
		width: 100% !important;
	}
	
	#raunt-mobile-image{
		margin: 40px 0px 20px 0px;
	}
	
	.margin-on-mobile{	
    	margin-top: 15px !important;
	}	
	
	.text-align-center-on-mobile{
		text-align: center;
	}

	#login-button{
		width: 100% !important;
		text-align: center !important;
	}
	
	#login-right-col{
		padding-bottom: 0px !important;
	}
	
	.active-progress-circle{
		margin: 0px !important;
	}
	
	.progress-circles{
		height: 40px !important;
		width: 40px !important;
		margin-bottom: 20px !important;
	}
	
	.progress-circles i{
		font-size: 20px !important;
	}
	
	.progress-circles-text{
		display: none !important;
	}
	
	.card-logos{
		float: none !important;
		display: inline-block;
	}
	
	#buy-package-button, #buy-package-button-mobile{
		width: 100% !important; 
		text-align: center;
	}
	
	#progress-left-col{	
      padding: 40px 30px 10px 30px !important;
	}
	
	#inner-button-container{
		padding: 0px 0px 0px 0px !important;
		text-align: center;
	}
	
	#package-selector-tabs-container{
		box-shadow: none !important;
	}
	
	.package-selector-tabs, .school-type-selector{
		border-right: none !important;
		border-bottom: 1px solid #dadada !important;
	}

	
	.with-right-border-radius{
		border-bottom-right-radius: 3px !important;
		border-bottom-left-radius: 3px !important;
   		border-top-right-radius: 0px !important;
	}
	
	.package-selector-tabs[classroom="9"], .school-type-selector[classroom="11D"], .school-type-selector[classroom="12D"]{
		border-top-left-radius: 3px !important;
		border-top-right-radius: 3px !important;
		border-bottom-left-radius: 0px !important;
	}
	
	.package-selector-tabs.selected-package-selector-tab{
		border-bottom: none !important;
	}
	
	.progress-circles:before, .progress-circles:after{
		display: none;
	}
		
	.active-progress-circle:after{
		display: none !important;
	}
	
	#checkout-step-3-container{
		    padding: 40px 40px 40px 40px !important;
	}
}



@media (max-width: 767px){
	
	#first-slide-sub-button-text {
	    line-height: 14px !important;
	    font-size: 11px !important;
	}
	
	.new-slide-image-holder {

	    top: auto !important;
	    transform: translateY(0)  !important;
	    left: 55%  !important; 
	    bottom: 16%  !important;
	}
	.first-slide-caption{
		margin-top: 60px !important;		
    	font-size: 26px !important;
    	margin-bottom: 10px !important;
	}
	
	.new-banner-text{
	    font-size: 22px !important;
    	line-height: 26px !important;
	}
	
	.new-banner-text-smaller{
		font-size: 14px !important;
	    line-height: 19px !important;
	    margin-bottom: 15px !important;
	}
	
	.counter-top{
	    font-size: 13px !important;
	    line-height: 16px !important;

	}	
	
	.left-column-image-holder{
		padding-left: 20px !important;
	}
} 

@media (max-width: 575px){
	.new-slide-image-holder{
		display: none !important;
	}
	
	
	.show-on-mobile{
		display: block !important;
		margin: 42px 0px 20px 0px !important;
	}
	
	.first-slide-caption{
		margin-top: 0px !important;		
    	font-size: 26px !important;
    	margin-bottom: 10px !important;
	}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  
	#landscape-mode{
		position: fixed;
		display: block !important;
	    z-index: 99999;
	    left: 0px;
	    top: 0px;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0,0,0,0.9);
	}
  
  #package-contents-container { opacity: 0 };

}


@media (max-width: 768px) {
	div[pointtype="11T+MF"], div[pointtype="11T+TM"] {
	    margin-top: 10px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px){
	.new-slide-image-holder{
		left: 50% !important;
	}
	
	.six-month-patlangac img {
	    width: 65px !important;
	    height: 65px !important;
	    right: 0px !important;
	}
	
	.old-price{
		font-size: 18px !important;
	}
	
	.tl-sign{
		font-size: 22px !important;
	}
	
	#yks-sonuc-toplama{
		background-size: 1500px, cover !important;	
	}
	
	.awards-desc-text-right-column{
	    font-size: 16px !important;
	    line-height: 16px !important; 
    	left: -65px !important;
	}
	
	.awards-desc-text-left-column{
	    font-size: 16px !important;
	    line-height: 16px !important; 
    	left: 95px !important;
	}
	
	.sonuc-toplama-images{
		
    	max-width: 125px !important;
	}
	
	.counter-holder{
    	background: rgba(128,31,69,1) !important;
    	bottom: -25px !important;
    	border-radius: 5px !important;
    	transform: translateY(0%) !important;    	
    	top: auto !important;
    	padding: 0px 5px 0px 5px !important;
	}
	
	.counter-top{
		display: none;
	}
	
	.ttnet-login-container {
		background-position: 60% 20px !important;
	    background-size: 50px !important;
	}
	
	#apply-coupon-code{
		right: 65px !important;
	}
	
	.shrinked-input {
	    width: calc(100% - 135px) !important;
	}
	
	.prm-code-info {
	    top: 25px !important;
	    left: 255px !important;
	    min-width: 140px !important;
	    height: auto !important;
	    width: 140px !important;
	    padding: 10px !important;
	}
	
	.prm-code-info i{
		display: none !important;
	}
		
	#raunt-mobile-image{
		margin-top: 50%;
	}
	
	div[type="tt-sozlesme"]{
		width: 95% !important;
	}	
	
	.margin-on-mobile{	
    	margin-top: 0px !important;
	}
	
	#package-selector-tabs-container{
		box-shadow: none !important;
	}
	
	.package-selector-tabs, .school-type-selector{
		border-right: none !important;
		border-bottom: 1px solid #dadada !important;
	}
	
	.package-selector-tabs[classroom="12"], .school-type-selector[classroom="11O"], .school-type-selector[classroom="12O"]{
		border-bottom-right-radius: 3px !important;
		border-bottom-left-radius: 3px !important;
     	border-top-right-radius: 0px !important;
	}
	
	.package-selector-tabs[classroom="9"], .school-type-selector[classroom="11D"], .school-type-selector[classroom="12D"]{
		border-top-left-radius: 3px !important;
		border-top-right-radius: 3px !important;
	}
	
	.package-selector-tabs.selected-package-selector-tab, .school-type-selector.selected-package-selector-tab{
		border-bottom: none !important;
	}	
	
	.progress-circles:before, .progress-circles:after{
		display: none;
	}
	
	
	.active-progress-circle:after{
		display: block !important;
	}
	
	#progress-left-col {
    	padding-top: 20px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px){
	
	div[pointtype="11T+MF"] .raunt-box-countdown{
    	padding-left: 0px !important;
	}
	
	.announcement-ribbon{
		left: -5px !important;
	}
	
	#yks-sonuc-toplama{
		background-size: 2200px, cover !important;	
	}
	
	.counter-holder{
		bottom: 30px !important;
    	font-size: 14px !important;
	    padding: 5px 10px 5px 10px !important;
	}
	
	.package-contents-container .raunt-box-title{
		font-size: 19px !important;
		line-height: 24px !important;
		padding: 20px 80px 15px 80px !important;
	}
	
	.ttnet-login-container {
	    background-size: 50px !important;
	}	
	
	#apply-coupon-code{
		right: 35px !important;
	}
	
	.shrinked-input {
	    width: calc(100% - 110px) !important;
	}
	
	.prm-code-info {
	    top: 24px !important;
	    left: 305px !important;
	    min-width: 190px !important;
	    height: auto !important;
	    width: 190px !important;
	}
	
	#progress-left-col{
		padding-top: 20px !important;
	}
	
	.package-selector-tabs{
		/*border-right: none !important;
		border-bottom: 1px solid #dadada !important;*/
	}	
}

@media (max-width: 1200px) {
	.counter-top {
	    right: 8px !important;
	    top: 15px !important;
	}
}