@media only screen and (max-width: 770px){
    .content,
    .news.homepage .wrapper .info{max-width: 100%;padding: 0px 10px;}

    .page .social ul li{margin:0px 10px;}

    .section.social ul li {font-size: 25px; width: 40px; height: 40px}

    .section.social ul li a {padding-top:0}

    .news.homepage .wrapper .carousel-indicators li{margin:0px 5px;}
    .section.social ul li{margin:0px 15px;}

    .socialarea .data ul li{width:100%;}
    .socialarea .data ul li .image{width:30%;}
    .socialarea .data ul li .data{width:70%;padding-left: 10px;}

    .page.default .wrapper .description img{max-width: 100%;height: auto!important;}
    .page.default .wrapper table tr td{padding: 0px;width: 100%;display: inline-block;}
    .page.default .wrapper h1 {font-size: 32px!important;}

    .page.members .subpage ul li{width:100%;}
    .popupMember .data .info{padding: 50px 20px;max-height: 60vh;overflow: scroll;}
    .popupMember .data .info .left{width: 100%;}
    .popupMember .data .info .right{width:100%; padding-left: 0px;}

	.news .content .wrapper ul li{width: 100%;}
	.blog.detail .wrapper .data .info{width: 100%;padding: 0px 0px 0px 0px;}
	.blog.detail .wrapper .data .image{width: 100%;}
	
	.page.blog .content .wrapper{display: inline-block;}
	.page.blog .content .listArticles{width: 100%;padding-right: 0px;flex: none;padding-bottom: 0px;}
	.page.blog .content .sidebar{width: 100vw;flex: none;margin-left: -20px;padding-top: 40px;}
	.page.blog .content .sidebar:after{display: none;}
    .page.blog .details .data .description {margin-left:40px; text-align: justify}
    .page.blog .details .editor_description {text-align:justify}

	.page.contacts .group .left,
	.page.contacts .group .right{width: 100%;padding: 0px;padding-bottom: 60px;}

    /*.slicknav_menu{display: block;background: transparent;z-index: 9999999999;position: absolute;right: 0px;top: 10px;}
    .slicknav_nav{background: black;}
    header .menu{display: none;}
    header .logo{left: 20px;}
    header .lang{right: 130px;}*/
    #bannerHome .img_bg{height: 40vh;margin-top: 40px;}

    .page.team .listPlayer .item{/*height: 200px;*/ margin: 70px 0px!important;}
    .page.team .listPlayer{/*min-height: 400px;*/ margin-bottom: 5%}
    /*.page.team .listChoose .arrow .control.right{margin-right: -140px;}
    .page.team .listChoose .arrow .control{margin-left: -140px;}*/
    .page.team .listChoose{padding: 0px!important}
    .page.team .listPlayer .slick-slide.slick-center{transform: scale(1.3);}
    .page.team .search .content .box .form input{width: 190px;}

    .page.team .search .content{min-height: 160px;}
    .detailsPlayer .reviewData .left{width: 100%;}
    .detailsPlayer .reviewData .right{width: 100vw; margin-left: -20px; margin-top: 20px; border: none; float: none; padding:20px;}
    .detailsPlayer .reviewData{height: auto;}
    .detailsPlayer .reviewData .left ul{position: relative;z-index: 99;}
    .detailsPlayer .reviewData .left ul li .value {clear: left}
    .detailsPlayer .reviewData .number{color: #f0f0f0;}
    .detailsPlayer .reviewData .club{top: 80%; height: 130px; left: 80%}
    .detailsPlayer .reviewData .club:after{display: none;}
    .detailsPlayer .reviewData .right .data { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom: 5px;}
    .detailsPlayer .reviewData .right .map {max-width: 230px; width: 100%; margin-left:auto; margin-right: auto;}

    .listPositions ul li{width: 50%;}

    .detailsPlayer .newsPlayer {padding: 30px 0}
    .detailsPlayer .newsPlayer .info .name:after { width: 40px; left: -50px; content: unset}
    .detailsPlayer .newsPlayer .title {margin-bottom: 10px; text-align: center;}
    .detailsPlayer .newsPlayer .info {float: right; width: 100%; padding: 15px 0 0;}
    .detailsPlayer .newsPlayer .info .description {padding-left: 30px; margin-bottom: 15px}
    .detailsPlayer .newsPlayer .info .description:after {width: 20px; height: 2px; left: 0}
    .detailsPlayer .newsPlayer .image {float: left; width: 100%; padding-bottom: 40%; height: 0}
    .detailsPlayer .newsPlayer .info .name {font-size: 20px}
    .detailsPlayer .newsPlayer .info .link {margin-left: 30px}
    .detailsPlayer .newsPlayer .action {margin: 30px 0}

    footer .group { display: flex; flex-flow: column nowrap; align-items: center}
    footer .left, footer .center, footer .right {text-align: center; width: 100%; padding: 5px 0}
    footer .left {order:1; text-align: center}
    footer .center {order:0}
    footer .right {order:2; text-align: center}
}

@media only screen and (max-width:1400px){
    header .menu ul li{margin-left: 20px;}
    header .social ul li{margin-left: 10px;}
}



@media only screen and (max-width: 1000px){
    .slicknav_menu{display: block;background: transparent;z-index: 9999999999;position: absolute;right: 0px;top: 10px;}
    .slicknav_nav{ background: #111; width: 100vw; margin-right: -5px; margin-top: 55px;}
     header .menu{display: none;}
     header .logo{left: 20px;}
     header .lang{right: 60px;}
    .slicknav_nav li, .slicknav_nav ul { text-align: right; text-transform: lowercase; }

    .shareBlog .shareBlogDropToggle {display: block}
    .shareBlog{top: 70%;}
    .shareBlog .share-dropmenu{ opacity: 0; max-height: 0; }

    .detailsPlayer .detailsCareer .career-container {padding: 2em 2em 1em; }
    .detailsPlayer .detailsCareer .content .group .left .title {margin-bottom: 25px}
    .detailsPlayer .detailsCareer .content .group .right img {height: 100px;    }
    .content, .news.homepage .wrapper .info{max-width: 100%;padding: 0px 20px;}
    .page.team .listChoose .arrow { width: calc(2* 100% / 3); margin: 0 calc(0.5 * 100% / 3);}
    .detailsPlayer .detailsCareer .name .player-name { display: none; }
    .detailsPlayer .detailsCareer .career-container { height: 100%; padding: 4em 2em 2em; }
    
    header .logo{top: 0px;display: block;}
    header .logo img{max-height: 60px;margin-left: 20px;}
    header li .logo{display: none;}
    header .social{right: 105px;}
}

@media only screen and (max-width: 800px) {
    .detailsPlayer .detailsCareer .career-container { height: 100%; padding: 0;  }
    .detailsPlayer .detailsCareer .content .group {border: none}
}

@media only screen and (max-width: 550px) {
    .page.team .teams .description {font-size: 16px;}
    .page.team .search .content .box .filters {margin-right: 10px;}
    .page.team .search .content .box .form input {width:130px}
    .page.team .listPlayer {margin-bottom: 10%}
    .page.team .listPlayer .owl-item.center {top: 20px;}
    .page.team .listPlayer .item .description .name{font-size: 12px;}

    .detailsPlayer .title { margin-top: 0; }
    .detailsPlayer .detailsCareer { height: auto; padding: 1em 1em; min-height: 200px}
    .detailsPlayer .detailsCareer .content {  position: relative}
    .detailsPlayer .detailsCareer .content .group { padding: 1em; }
    .detailsPlayer .detailsCareer .content .group .left { width: 80%; padding-left: 0; /*margin-bottom: 50px;*/ }
    .detailsPlayer .detailsCareer .content .group .left .title:after { content: none; }
    .detailsPlayer .detailsCareer .content .group .right { width: 20%; float: right; padding-right: 0; bottom: 10px; margin-top: 40px; }
    .detailsPlayer .detailsCareer .content .group .right .image { width:100%; }
    .detailsPlayer .detailsCareer .content .group .right img { max-height: 60px; }
    .detailsPlayer .detailsCareer .content .group ul li.active:after { width: 15px; margin-right: 5px; }
}