/* Ширина экрана 1280px */
@media only screen and (min-width: 1024px) and (max-width: 1439px){
    
    .w1440 {display:none !important;}
	.w1280 {display:block;}
	.w360 {display:none !important;} 

	header {background: #000; margin-bottom: 24px; width: 100%; position: fixed;top: 0; left: 0; right: 0; z-index: 9999;}    
    header .navbar {width: 1200px; margin: 0 auto; padding-left:0px; padding-right: 0px; height: 54px; }
	header .navbar .navbar-links {margin-left: -12px;}

	    /*список уроков*/
		.jt-label {width: 700px; height: 41px; line-height: 22px; margin: 0 auto; text-align: left; vertical-align: top; font-family: Lato; font-size: 18px; color: #b0b0b0; margin-top: 40px; margin-bottom: 40px; display: none;}
		.jsc-tasks {width: 1200px; margin: 0 auto; background: #FFFFFF; box-shadow: 0 10px 20px 0 rgba(0,0,0,0.30); border-radius: 5px; position: relative;padding:36px 36px 36px 240px; margin-bottom: 40px; margin-top: 74px}
	
		.jsc-tasks .jt-top {min-height: 144px;}
	
	
		.jsc-tasks .jt-top .jt-image {width: 98px; height: 98px; background: #fc523a; border-radius: 49px; position: absolute; top: 40px; left: 40px; margin-right: 20px; margin-bottom: 20px;}
		.jsc-tasks .jt-top .jt-image img {border-radius: 10px;margin-top: -10px; border: 1px solid #c02431;}
		.jsc-tasks .jt-top .label-1 {min-height: 22px; line-height: 22px; font-size: 22px; font-weight: 500; width: 100%; text-align: left;}
		.jsc-tasks .jt-top .jt-text {width: 100%; text-align: left; margin: 18px 0 0 0;line-height: 17px; }
	
	
		.jsc-tasks  .jt-item {height: 20px; line-height: 17px; background: url('../img/svg/redcheck.svg') no-repeat #fff left; background-size: 20px 20px; padding: 0 0 0 40px; margin: 20px 0 14px 0px; text-align: left;}
		.jsc-tasks .jt-item a {margin: 0 0 0 15px; text-decoration: none; color: #c02431;}
		.jsc-tasks .jt-item a:hover {text-decoration: underline;}
		.jsc-tasks .jt-more {text-align: left;}
	
		.jsc-tasks .jt-item .jt-number {width: 80px; float: left;}
		.jsc-tasks .jt-item .jt-name {width: 690px; float: left;}
		.jsc-tasks .jt-item .jt-link {}
	
	
		.about-more {width: 1200px; margin: 0 auto; padding: 20px 0; color: #fff;}

    footer .container{width: 1200px; max-width: 1200px; padding-left:0px; padding-right: 0px;}
	.footer .footer__down {padding-bottom: 24px;}

    .container {width: 1200px; max-width: 1200px; padding-left: 0px; padding-right: 0px; margin-top: 74px;}

    /* подписка */
    .sub-course-name {font-size: 24px; margin-bottom: 0px; font-weight: 500; float: left; width: 700px;}
    .sub-course-price {width:200px;float: right;font-size: 24px; text-align: right; margin-right: 8px;}
    .sub-course-days {float: right;width:auto;font-size: 24px;}
    .sub-course-already {width:300px;float: right;font-size: 24px; text-align: right;}
    .sub-course-sub {width:300px;float: right;font-size: 24px; text-align: right; margin-bottom: 24px;margin-top: -30px;}
    .sub-course-sub a {color: #c02431; background: #fff; font-size: 18px; text-transform: uppercase; padding: 10px 15px; border-radius: 3px; border: 1px solid #c02431; font-weight: 500;}
    .sub-course-sub a:hover {color: #fff; background: #c02431;}

    .sub-course-sub1 {width:600px;font-size: 24px; text-align: left; margin-bottom: 24px; padding-top: 10px;}
    .sub-course-sub1 a {color: #c02431; background: #fff; font-size: 14px; text-transform: uppercase; padding: 5px 8px; border-radius: 3px; border: 1px solid #c02431; font-weight: 500;}
    .sub-course-sub1 a:hover {color: #fff; background: #c02431;}


    .sub-course-about {width:800px;float: left;text-align: left; margin-bottom: 24px; margin-top: 24px;}
    .sub-course-prepod {width:300px;float: left;text-align: left; margin-top: 24px;}

    .sub-course-promo {float: right;width:180px; margin-top: 24px; margin-bottom: 24px;}
    .sub-course-promo input {width: 180px; padding: 8px 15px; border-radius: 3px; border: 1px solid #000; margin-top: 12px;}
    .sub-course-promo input:hover {border: 1px solid #c02431;}
    .sub-course-promo input:focus {border: 1px solid #c02431;}
    
    .string {margin-bottom: 24px;}
    .string .string-label {font-weight: 500;}
    .string input {border-bottom: 2px solid #000; width: 500px;}

    .new-button a {color: #c02431; background: #fff; font-size: 14px; text-transform: uppercase; padding: 5px 8px; border-radius: 3px; border: 1px solid #c02431; font-weight: 500;}
    .new-button a:hover {color: #fff; background: #c02431; text-decoration: none;}

    .profile-main {width: 100%;}
    .profile-main .profile-left { width: 450px; min-height: 100px; float: left;}
    .profile-main .profile-right { width: 670px; min-height: 100px; float: left;}
    
    .profile-main .profile-string {width: 100%; margin-bottom: 24px;}
    .profile-main .profile-string .ps-label {font-weight: 600;}
    .profile-main .profile-string .ps-data {margin-bottom: 24px;}
    .ac-coursename {margin: 12px 0 6px 0;}
    .ac-coursename a {font-size: 18px; font-weight: 500;}
    .ac-coursetill {float: left; width: 400px;}
    .ac-coursefinished {float: left;}

    .prepod_main {}
    .prepod_main .p-first {}
    .prepod_main .p-first .p-image {float: left; height: 150px; width: 150px; background: #b0b0b0; border-radius: 5px;}
    .prepod_main .p-first .p-image img {max-width:150px;}

    .prepod_main .p-first .p-name {float: left; margin-left: 24px; font-size: 24px; font-weight: 500;}
    .prepod_main .p-first .p-info {float: left; margin: 12px 24px 24px 24px; width: 800px;}
    .prepod_main .p-courses {margin: 24px 0 0 174px; font-size: 20px;}
    .prepod_main .p-courses .pc-name {float: left; width: 600px;}
    .prepod_main .p-courses .pc-students {float: left;}

       /* регистрация и авторизация */
       .modal_auth {padding: 20px 25px; background: #fff; width: 500px; border-radius: 3px; position: relative;}
       .modal_auth .ma-title {font-size: 20px; font-weight: 500;margin-bottom: 12px;}
   
       .new-button button {color: #c02431; background: #fff; font-size: 14px; text-transform: uppercase; padding: 5px 8px; border-radius: 3px; border: 1px solid #c02431; font-weight: 500;}
       .new-button button:hover {color: #fff; background: #c02431;} 

       .modal_auth button {color: #c02431; background: #fff; font-size: 14px; text-transform: uppercase; padding: 5px 8px; border-radius: 3px; border: 1px solid #c02431; font-weight: 500;}
       .modal_auth button:hover {color: #fff; background: #c02431;} 
   
       .modal_auth input {padding: 3px 7px; width: 100%; border: 1px solid #fff; border-bottom: 1px solid #000;border-radius: 0px;}
       .modal_auth input:hover {border: 1px solid #000;}
       .modal_auth input:focus {border: 1px solid #000;}
   
       .string .string-desc {font-size: 12px;}
   
       .string input {padding: 3px 7px; width: 100%; border: 1px solid #fff; border-bottom: 1px solid #000;border-radius: 0px;}
       .string input:hover {border: 1px solid #000;}
       .string input:focus {border: 1px solid #000;}

       .notabene-text {float: left; width: 710px; text-align: justify; border: 1px dashed #c02431; padding: 10px 15px; border-radius: 5px; color: #fff; background: #c02431;}
       .notabene-text a {color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
       .notabene-text a:hover {text-decoration: none; border-bottom: 1px solid #fff;}
       .notabene-arrow {float: left; width: 60px; height: 90px; line-height: 90px;}
       .notabene-arrow img {width: 45px;}

	.pagefile {margin-top:20px; }
	.pagefile-icon {float:left;width:50px;}
	.pagefile-icon img {width:50px;}

	.pagefile-text {float:left;margin-left:20px;max-width: 90%;}
	.pagefile-text h3 {font-size:20px;}
	.pagefile-text .pagefile-desc {font-size:16px;}

    /* разное дополнительное */
    /* варнинг о том, что на стороне банка идут работы */
    .bank-warning {margin-top: -350px; font-size: 12px; color:#f31542; font-weight: 500;}

    .index-entry {margin-top: 54px;}

    .training {margin-top: -6px;}

}