/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.ab_title { font-size: 25px; }		
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
	.ipad {height: 560px;}
	.coachphoto img {width: 100%;}
	.long {width: 80%; margin: auto;}
	.c_form {width: 540px;}
	form input[type="phone"] {width: 50%; margin:0;}
	.button {margin-top: 0px; padding: }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.toptext, .topdesctitle, .topdesc, .toptitle, .a_title, .a_desctitle { text-align: center; }
	.tm_mail a::before { background: none; }
	.a_line { margin: 30px auto; }
	.a_centerblock { display: none; }
	.topline { margin: 30px auto; }
	.long {width: 65%; margin: 0px auto;}
	.topbtn { text-align: center; }
	.topbtn {padding-bottom: 210px;}
	.ipad {height: 1085px;}
	.a_desctitle {font-size: 28px;}
	.a_box {padding: 40px;}
	.coachdesc {display: none;}
	.top_menu { text-align: center; }
	.toplogo {margin: auto;}
	.tm_contacts { text-align: center; margin-top: 10px; }
	.c_cicata {font-size: 18px;}
	.coachblock { padding-bottom: 40px; }
	.coachblock {-webkit-background-size: cover; background-size: cover;}
	.topnumber {padding: 0px 0px; margin: 10px 0px; font-size: 20px; color: #4791FE;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	
	.toptitle {font-size: 60px;}
	.topbtn {padding-bottom: 0px; text-align: center;}
	.topnumber {padding-top: 100px; color: #FFB400;}
	.ipad {height: 575px;}
	.a_title {font-size: 25px;}
	.a_line {display: none;}
	.a_desctitle {padding-top: 20px;}
	.a_box {padding-top: 40px;}
	.a_centerblock {display: none;}
	.coachblock {padding-top: 120px; -webkit-background-size: cover;background-size: cover;}
	.c_line {display: none;}
	.c_title {padding-top: 20px;}
	.c_citata {font-size: 20px;}
	.c_citata span {margin: 0px 5px;}
	.c_desc {margin:0px; padding-top: 20px;}
	.coachphoto img {width: 100%;}
	.c_form { width: 100%; margin-bottom: 150px;}
	.cf_desc {font-size: 15px;}
	.wInp {text-align: center; margin: 0px;}
	.f_podtext { font-size: 20px; }
	.button {margin:20px 0px 0px 0px;}
	.ab_title { font-size: 26px; }
	.coachdesc {margin: 0px;}
	.long{ width: 95%; font-size: 35px; margin-top: 0px;}
	.ball {display: none;}
	.bb_text {display: none;}
	.bb_textm {color: #4791fe; border: 4px #4791fe solid;border-radius: 50px;font-family: 'GothamPro Bold'; font-size: 25px; padding: 20px; width: 100%; margin-top: 100px;margin-bottom: 30px;}
	.toptitle { text-align: center; font-size: 45px; line-height: 55px; }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {
	.toptitle {font-size: 55px;}
	.ipad {height: 500px;}
	.playbtntext{top: calc(60%);}
	.coachblock{padding-top: 140px;}
	.a_title{font-size: 22px;}
	.ipad {height: 515px;}
	.a_desctitle {font-size: 18px; line-height: 22px;}
	.a_centerdesc { line-height: 22px; }
	.toptitle { font-size: 36px; line-height: 46px; }
	.btn { font-size: 12px; }
}
@media only screen and (max-width : 360px) {
	.ipad {height: 500px;}

}

@media only screen and (max-width : 320px) {
	.topnumber {color: #fff; padding-top: 65px;}
	.ipad {height: 437px;}
	.playbtntext{top: calc(62%);}
	.ab_title{font-size: 20px;}
	.c_citata span {font-size: 40px;}
	.c_citata {font-size: 16px;}
	.cf_title {font-size: 16px;}
	.cf_desc {font-size: 13px;}
	.button {font-size: 12px;}
	form input[type="phone"] {width: 90%;}
	.long {font-size: 28px;}
	.bb_textm {font-size: 18px;}
}




/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}