/* CSS Document */


@media only screen and (min-width: 1024px) {

    .btci,#countryLista{
        flex:0 0 20rem;
    }
    #countryLista{
        text-align: left;
    }
    .btci{
        text-align: right;
    }
    #openFilters.mobile{
    display: none;
}
    .page-template-country-info .filtersShowArea{
        display: flex;
        align-items: center;
        padding-bottom: 0;
    }

    .page-template-resources .filtersShowArea{
        display: flex;
        align-items: center;
        padding-bottom: 0;
    }
    /*Dictatorships on UN bodies animation*/
    
    .bodyDetails {
        
        opacity: 0;
        top:1rem;
        position: relative;
        transition: .3s all;
        transform: translate3d(0,0,0);
        
        
    }
    .countriesListCon h2{
         opacity: 0;
        top:.5rem;
        position: relative;
        transition: .3s all;
        transition-delay: .1s;
    }

    
    .bodiesCardsListItemCard .countriesList li{
         opacity: 0;
        top:.5rem;
        position: relative;
        transition: .3s all;
        transform: translate3d(0,0,0);
    }
    
    .bodiesCardsListItemCard .countriesList li:nth-child(1){
         transition-delay: .2s;
    }.bodiesCardsListItemCard .countriesList li:nth-child(2){
         transition-delay: .25s;
    }.bodiesCardsListItemCard .countriesList li:nth-child(3){
         transition-delay: .3s;
    }.bodiesCardsListItemCard .countriesList li:nth-child(4){
         transition-delay: .35s;
    }.bodiesCardsListItemCard .countriesList li:nth-child(5){
         transition-delay: .4s;
    }.bodiesCardsListItemCard .countriesList li:nth-child(6){
         transition-delay: .45s;
    }.bodiesCardsListItemCard .countriesList li:nth-child(7){
         transition-delay: .5s;
    }.bodiesCardsListItemCard .countriesList li:nth-child(8){
         transition-delay: .55s;
    }.bodiesCardsListItemCard .countriesList li:nth-child(9){
         transition-delay: .6s;
    }.bodiesCardsListItemCard .countriesList li:nth-child(10){
         transition-delay: .65s;
    }.bodiesCardsListItemCard .countriesList li:nth-child(11){
         transition-delay: .7s;
    }.bodiesCardsListItemCard .countriesList li:nth-child(12){
         transition-delay: .75s;
    }
    
    
    
    .bodiesCardsListItemCard .pie{
         transform: translate3d(0,0,0);
        opacity: 0;
        transform: rotate(-20deg);
        left: -2rem;
        position: relative;
         transition: .3s all;
         transition-delay: .75s;
    }
    
    .bodiesCardsListItemCard .pieLegend{
         opacity: 0;
        top:.5rem;
        position: relative;
        transition: .3s all;
         transition-delay: .85s;
    }
    .bodiesCardsListItemCard .problems {
         transform: translate3d(0,0,0);
          opacity: 0;
        top:.5rem;
        position: relative;
        transition: .3s all;
         transition-delay: .95s;
    }
    .bodiesCardsListItemCard .seeAll  {
         transform: translate3d(0,0,0);
         opacity: 0;
        top:.5rem;
        position: relative;
        transition: .3s all;
         transition-delay: .95s;
    }
    .cdotsC {
         opacity: 0;
        
       
        transition: .3s all;
         transition-delay:1s;
    }
    
     .allowAnimations  .cdotsC {
         opacity: 1;
    }
     .allowAnimations .bodiesCardsListItemCard.slick-slide.slick-current .pieLegend,
     .allowAnimations .bodiesCardsListItemCard.slick-slide.slick-current .problems,
     .allowAnimations .bodiesCardsListItemCard.slick-slide.slick-current .seeAll{
           opacity: 1;
         top:0;
         
    }
    .countriesListCon{
         transition-delay: 2s;
        border-color:transparent; 
         transition: .3s all;
    }
    .allowAnimations .bodiesCardsListItemCard.slick-slide.slick-current .countriesListCon{
        border-color: #ccc;
    }
    .allowAnimations .bodiesCardsListItemCard.slick-slide.slick-current .pie{
        
        opacity: 1;
          transform: rotate(0);
        left: 0;
    }
    
    .allowAnimations .bodiesCardsListItemCard.slick-slide.slick-current  .bodyDetails {
         opacity: 1;
        top:0;
    }
    .allowAnimations .bodiesCardsListItemCard.slick-slide.slick-current  .countriesListCon h2 {
         opacity: 1;
         top:0;
    }
    
    
    .allowAnimations .bodiesCardsListItemCard.slick-slide.slick-current .countriesList li{
         opacity: 1;
         top:0;
    }
    
    
 .mobile{
        display: none;
    }
	.dropDown.clicked .dropDownSelect{
    opacity: 1;
    visibility: visible;
    top:0;
    max-height: 40rem;
        z-index: 99999;
}
    .headerShareAreaMob{
        display: none;
    }
    
    .bodiesCardsListItemCard   .countriesList{
        height: 13.6rem;
        
        
    }

    .footer-content{
        width: 95.4rem;
        margin: auto;

        display: flex;
    }

    .footerLeft{
        padding-right: 4rem;
        border-right: 1px solid #E8E8E8;
    }
    .footer-middle{
        padding-right: 4rem;
        padding-left: 4rem;
        border-right: 1px solid #E8E8E8;

    }

.crr{
    display: flex;
    column-gap: 2rem;
}
.crr a,.crt{
    font-size: 1.2rem;
    margin: 0;
}
.crr{
    margin-bottom: 2.3rem;
}
    .flo{
        margin: 0 0 2rem 0;
    }
    .footer-middle p{
        margin: 0;
    }
    .footer-middle p:first-child{
        margin-bottom: 2rem;
    }

    .footerRight{
        padding-left: 4rem;
    }
footer{
    border-top: 1px solid #979797;
}
}


@media only screen and (min-width: 1024px) and (max-width: 1365px) {

	html{
		font-size: 8px;
	}
    .resWrapper ul li{
        flex: 0 0 33.3333%;
    }
    .bodyDetails {
        padding: 2.5rem;
    }
    .boardExtended {
    padding: 5.3rem 3rem;
    box-sizing: border-box;
    flex-grow: 1;
}
    .cdotsC{
        right: 7rem;
    }
    .unResLeft, .tonLeft {
  
    padding-right: 2rem;
    box-sizing: border-box;
}
    .toneSen{
        width: auto;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1700px) {
    .resWrapper ul li{
        flex: 0 0 33.3333%;
    }
    .res-items-list li{
        flex: 0 0 32.4%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1700px){
html{
		/*font-size: 9px;*/
	}
	
}


@media only screen and (min-width: 1366px) {
html{
		font-size: 10px;
	}
	
}




/*mobile/tablet header*/

@media only screen and (max-width: 1023px) {
    #countryCompareMob{
        width: 100%;
    }
    .footerRight{
        margin: 1rem 0;
    }
    .c-h{
        display: none;
    }
    .hostoric-data-area {
        display: block;
    }
    .countryHead {
        display: block;
    }
    .country-left{
        border-right:none;
    }
    .single-country .content-area #main,.data-list,.hostoric-data h2{
        width: 100%;
    }
    .countryHead h1{
       font-size: 3rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #DBDAE3;
    }
    .dataCube{
        margin: 0 0 1.5rem 0;
    }
    .generalData{
        padding-top: 2rem;
    }
    .country-right{
        padding: 0;
    }
    .mobile-items{
        
    margin-top: 5rem;
}
    .countryBox .cButtona{
        width: 100%;
    }
    .cahrtArea{
        padding-bottom: 2rem;
    }
    .countryBox{
         border: 2px solid #FF5050;
        padding: 2rem;
        box-sizing: border-box;
    }
    .custom-select{
        width: 100%;
        margin-bottom: 3rem;
    }
    .data-list li,.data-list{
        padding: 0;
    }
    .moreDetsOnC p{
        background-size: 5.7rem 7.5rem;
        background-position: left center;
    background-repeat: no-repeat;
    padding-left: 9rem;
    padding-top: 0;
    }
    .moreDetsOnC p a.gotoVotingRecord{
        margin-top: 0;
    }
    .country-left{
        padding: 3rem 0 0 0;
    }
    .single-country .singleCountryFlag{
         margin-right: 2rem;
    }
    .country-left{
        padding-right: 0;
    }
    .single-country .content-area #main{
        padding: 0 3rem;
        box-sizing: border-box;
    }
    .headerShareAreaBtnsArea{
        border: none !important;
    }
    
    .hrc{
        padding-bottom: 0;
    }
    .bosiesListCountry li:last-child{
        margin-bottom: 0;
    }
    .country-right>div{
        border-top: 1px solid #DBDAE3;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    html
    {
        font-size: 10px;
    }
    .innerNav{
        width: 100%;
        overflow: scroll;
    }
    .innerNav button{
        white-space: nowrap;
    }
    .bodiesCardsListItemCard,.bodiesCardsListItemItself,.belowTop,.belowTop h2,.belowTop p ,#piechart, .pieLegend, .pieChirtArea,.unResRight, .tonRight{
        position: static;
        padding: 0;
        display: block;
        width: 100%;
    }
    .problems{
        padding-left:0;
        width: auto;
    }
    .bodyDetails,.boardExtended{
        padding: 0;
    }
    .cardsHolder{
        margin-top: 0;
        position: static;
    }
    .bodiesCardsListItem{
        height: auto;
    }
    .bodyDetails{
        width: 100%;
    }
    .world,.unResArea{
        display: block;
    }
    .votingList li{
        line-height: normal;
        margin: 1.5rem 0;
        font-size: 1.4rem;
    }
    #worldMap{
        display: none;
    }
    .cntrynm{
        font-size: 1.4rem;
    }
    header .menu li a {

     font-size: 2rem;
    }
    
    .navBtnCon{
        position: fixed;
        top:0;
        left: -100%;
        width: 100%;
        height: 100%;
        background-color: #FF5050;
        display: flex;
        flex-direction: column;
        padding: 3rem;
        box-sizing: border-box;
        transition: .3s all ease-in-out;
    }
    
    .navBtnCon:after{
        width: 100%;
        height: 2px;
        background-color: #fff;
        top:6.5rem;
        left: 0;
        content: '';
        display: block;
        position: absolute;
    }
    .opened   .navBtnCon{
        left: 0;
    }
    
    .menu-main-menu-container{
        
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-grow: 1;
        border-bottom: 1px solid #fff;
        margin-bottom: 2rem;
    }
    #signMobile{
        color: #FF5050;
        height: 5rem;
        width: 100%;
        border-radius: 2.5rem;
        background-color: white;
        font-size: 1.7rem;
        border:none;
    }
    .headerLogo,#toggleMenu{
       z-index: 9999999;
    }
    header .menu{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    header .menu li{
        margin: 2rem 0;
    }
    section.homeTop{
        display: flex !important;
        padding: 0 3rem;
        box-sizing: border-box;
        background-position: center;
    }
    .flags{
        display: none;
    }
    .homeTop h1{
        font-size: 3.5rem;
        
line-height: 4.5rem;
    }
    .htContent{
        width: 100%;
    }
    .scrollWrapper {
        margin-bottom: 1rem;
        padding-bottom: 0;height: 8rem;
    }
    .homeTop p{
        white-space: normal;
    }
    .homeTop p.scrollIns{
        margin-bottom: 0;
    }
    .scrollIcon {
    transform: scale(.5);
    }
    
    section.belowTop {
        display: block !important;
         padding: 0 3rem;
        box-sizing: border-box;
        margin-top: 4.9rem;
    }
    .belowTop h2{
        font-size: 3rem;
        margin-bottom: 2rem;
    }
    .belowTop p{
        font-size: 1.7rem;
    }
    
    section.bodiesCardsListItemCard{
        display: block !important;
        padding: 0 3rem;
        box-sizing: border-box;
        min-height: 30rem;
        position: relative;
        margin-bottom: 3rem;
        perspective: 1000px;
        overflow: visible;
        
    }
    .seeAll{
        background-position: right 3rem center;
    }
    .closeBody{
        margin-top: 4rem;
    }
    section.bodiesCardsListItemCard.opened{
        pointer-events: none;
    }
    .mobile.closeBody,.problems ,.seeAll {
         pointer-events: auto;
    }
    .bodiesCardsListItem {
        display: none;
    }
    .bodiesCardsListItem {
         padding: 3rem;
        box-sizing: border-box;
    }
    .bodyDetails{
        border-right: none;
    }
    .bodySummary h2{
        text-align: center;
    }
    .bodyDetails {
        text-align: center;
    }
    .bodyDetails p{
        text-align: left;
        font-weight: 700;
    }
    .countriesListCon h2{
        font-size: 3rem;
        line-height: 1.1;
    }
    .countriesList li{
        flex: 0 0 49%;
        width: 49%;
    }
    
    .countriesList{
        display: block;
        column-count: 2;
    }
    .seeAll{
        display: block;
        width: 100%;
         border: 2px solid #FF5050;
  border-radius: 1.75rem;
        height: 3.5rem;
       
        text-align: center;
    }
    .seeAll:before{
        display: none;
    }
    .desktop{
        display: none;
    }
    .plTitle{
        text-align: center;
        font-size: 1.8rem;
        line-height: 2.3rem;
    }
    .countriesListCon{
        border-bottom: none;
    }
    .pie{
        width: 17.9rem;
        height: 17.9rem;
        margin: auto;
    }
    .pl{
        justify-content: center;
    }
   
    .openBody{
        background-color: transparent;
      
         color: #120D44;
        font-weight: 700;
        transition:.5s all;
        height: 30rem;
        border: 5px solid #E8E8E8;
        position: absolute;
        top:0;
        left: 3rem;
        width:calc(100% - 6rem);
        height: 100%;
         transform: rotate3d(0, 1, 0, 0);
        
      
    }
    .openBody img{
        max-width: 12.9rem;
        height: auto;
        filter: grayscale(1);
    }
    .bodiesCardsListItem{
        margin-bottom: 2.5rem;
        perspective: 1000px;
    }
    
    .opened  .openBody {
    transform: rotate3d(0, 1, 0, -90deg);
    opacity: 0;
    filter: blur(1px);
}
    .cdotsC {
        display: none;
    }
.bodiesCardsListItem  {
    transform: rotate3d(0, 1, 0, 90deg);
    opacity: 0;
    transition: .3s all;
    transition-delay: .3s;
  
}
    
    .reverseDelay .bodiesCardsListItem{
        transition-delay: 0s;
    }
   .opened .bodiesCardsListItem{
    transform: rotate3d(0, 0, 0, 0);
    opacity: 1;
}
    .reverseDelay .openBody{
        transition-delay: .3s;
    }
    .closeBody{
        background-color: transparent;
        border:none;
        width: 4rem;
        height: auto;
        padding: 0;
        margin: auto;
        display: block;
    }
    .closeBody img{
        transform: rotate(45deg);
    }
    
    section.unResArea{
        display: block !important;
    }
    .unResArea h2, .tonLeft h2{
        font-size: 3rem;
    }
    .uResDotsAndCountCon {
        display: none;
    }
    .wideSep{
        display: none;
    }
    .unResLeft{
        padding: 0;
        margin-bottom: 3.5rem;
    }
    .quotes {
        padding-right: 2rem;
        padding-left: 2rem;
        box-sizing: border-box;
         padding-top: 5rem;
    background-size: 6rem;
    }
.gtdb {
    background-image: url(img/arrow.svg);
    background-position: right top 1.7rem;
    background-repeat: no-repeat;
    padding-right: 2rem;
    background-size: 1rem;
}
    
       .tonLeft{
        padding: 7rem 0 3rem 0;
    }
    .belowTopnormPad{
        padding: 0 2rem;
        box-sizing: border-box;
    }
.quotesDots ul.slick-dots{
    margin: 4rem 0;
}
    .resNum{
        font-size: 2rem;
    }
    .unResArea p, .tonLeft p{
        margin-top: 1.5rem;
    }
    .resBoardData li{
        width: 33.3333%;
        flex: 0 0 33.3333%;
        padding: 0 1.5rem;
    }
    .unResArea{
        padding: 0 3rem;
    }
    .resBoardHead{
        border-top: 1px solid rgba(0,0,0,.2);
        border-bottom: none;
        text-align: center;
        padding-top: 2.8rem;
    }
    .resCountry{
        margin-left: 0;
        margin-right: 0;
       white-space: nowrap;
        font-size: 1.4rem;
    }
    .resBoardHead h3{
        padding: 0 4rem;
        box-sizing: border-box;
    }
    section.resWrapper{
        overflow-x: visible !important;
    }
    section.toneOfArea {
        display: block !important;
        margin-top: 3rem;
        padding-top: 3rem;
          border-top: 1px solid rgba(196,196,196,1);

    }
    .countriesTonList {
          border: 1px solid rgba(82,78,119,0.21);
    }
    .countriesTonList li{
       flex-direction: column-reverse;
      
        padding: 3rem 2rem;
        box-sizing: border-box;
        display: flex !important;
    }
    .toneOfArea{
        padding: 0 3rem;
    }
    .countriesTonList{
        padding: 0 !important;
        
    }
    .tonContry{
         padding: 0 !important;
        border: none !important;
    }
    .toneSen{
        height: auto;
    }
    .countriesTonListDots .slick-dots{
        justify-content: center;
        margin: 3rem 0;
    }
     .countriesTonListDots .slick-dots button {
    width: 1rem;
    height: 1rem;
    border: none;
    padding: 0;
    border-radius: 50%;
    margin:  0 .5rem;
    background-color: #DBDAE3;
    transition: .3s all;
}
    .compareArea p,#compareTwoCountries,#closeCompareForm{
        display: none !important;
    }
    section.world {
        display: block !important;
        padding-left:0;
        padding-right: 0;
        height: auto;
        width: 100%;
          border-top: 1px solid rgba(196,196,196,1);
          border-bottom: 1px solid rgba(196,196,196,1);
        padding-bottom: 4rem;
        padding-top: 5rem;
        background-size: cover;
         background-image: url("img/world_mobile.svg");
        overflow: visible  !important;
        position: relative;
    z-index: 9999999;

    }
    #closeRes, #closeCntrs,#closeCntrsPetition{
       
        z-index: 99999;
        left:2rem;
        right: auto;
         position: sticky;
 position: -webkit-sticky;
        display: flex;
        align-items: center;
        width: auto;
        height: auto;
        background-color: #fff;
        opacity: 0;
        transition: .5s all;
        transition-delay: 1s;
    }
    .show  #closeRes,.show #closeCntrs,.show #closeCntrsPetition{
        opacity: 1;
    }
    .fullCountriesListConPetition  h2,.fullCountriesListConPetition  h3{
        margin: 0;
    }
    #closeData, #closeCompareData,#closeCntrsPetition{
        background-image: url("img/blue_cls.svg");
        z-index: 9999;
        background-size: 1.7rem;
        right: 2rem;
        top:2rem;
    }
    #closeCntrsPetition{
        top: 8rem;
    }
    #closeRes:after, #closeCntrs:after,#closeCntrsPetition:after{
        content: 'back';
        padding-left: 3rem;
        font-size: 1.4rem;
        font-weight: 700;
        padding: 1rem;
        background-color: #fff;
        
    }
     #closeRes:before, #closeCntrs:before,#closeCntrsPetition:before{
         content: '';
    background-image: url(img/Back.svg);
  width: 2.5rem;
    height: 2.5rem;
         display: block;
         background-position: center;
         background-repeat: no-repeat;
   
   
   
    }
    .country1, .country2{
        flex-direction: column;
        align-items: center;
        
    }
    .smallCircle{
        display: none;
    }
    .country1 img, .country2 img{
        width: 3.6rem;
        flex: 0 0 3.6rem;
        height: 3.6rem;
        margin: 0;
    }
    .comparePopup  .piChartCon{
        display: none;
    }
    .country1, .country2{
        font-size: 2rem;
    }
    .vs{
        font-size: 1.5rem;
    }
    .ketDataDataArea{
        padding: 2rem 3rem;
    }
    .compareDataDataArea{
        padding: 7rem 1.5rem 2rem 1.5rem;; 
    }
    .countryHead h1{
        margin-top: 0;
    }
    .databaseTop:before,.databaseTop:after{
        display: none;
    }
    .page-template-database header{
        border-bottom: 1px solid #fff;
    }
    .dtc h1{
        font-size: 3rem;
    }
    .dtc p{
        font-size: 1.8rem;
    }
   
    .databaseTop {
        padding: 7rem 3rem 2rem 3rem;
        box-sizing: border-box;
        height: auto;
    }
    .fullCountriesList h3{
        height: auto;
    }
    .down-arr{
        height: 3rem;
    }
    .votingList li{
        flex: 0 0 49.5%;
        width: 49.5%;
    }
    .voteResults{
         padding: 10rem 3rem 3rem 3rem;
        box-sizing: border-box;
    }
    #closeRes:hover, #closeData:hover, #closeCompareData:hover, #closeCntrs:hover {
    transform: rotate(0);
    }
    .resData{
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    #countryList{
        display: none;
    }
    .searchAreaCon{
        background-image:none;
    }
    .searchAreaWra h2{
        font-size: 3.5rem;
        line-height: 3.8rem;
    }
    .searchAreaWra{
        width: 100%;
        padding: 0  3rem;
        box-sizing: border-box;
        
    }
    #countrySearch, #countryCompare,.searchAreaInner{
        width: 100%;
    }
    .searchAreaInner{
        position: relative;
    }
    .searchResults{
        width: 100%;
        box-shadow: 0 0 8px 1px rgba(146,146,146,0.5);
    }
    
    section.gotoDB{
        display: block !important;
        padding: 3rem;
    }
    #countrySearch, #countryCompare{
        position: relative;
        z-index: 99;
    }
    .gotoDBContent{
        align-items: center;
    }
    .gotoDB a{
        padding: 0;
        font-size: 3rem;
        background-image: none;
        text-align: center;
        display: block;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
    }
    .gotoDB a:before,.gotoDB a:after{
        content: '';
        display: block;
        width: 23.2rem;
        height: 3.8rem;
        background-image: url("img/Go to Database 01.svg");
        background-size: contain;
        margin: auto;
        background-repeat: no-repeat;
        background-position: center;
    }
    .gotoDBContent{
        background-image: url("img/gtdb.svg");
        background-size: cover;
        height: 36.6rem;
    }
    
    section.sign{
        display: block !important;
        padding: 0rem;
        height: 42rem;
        box-sizing: border-box;
        background-image: url("img/pbg.svg");
        background-size: cover;
    }
    .signCon{
        padding: 0 4rem;
        background-image: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .signCon h2{
        display: flex;
        font-size: 3rem;
        align-items: center;
    }
    .sign p{
        width: 100%;
        font-size: 1.8rem;
        text-align: center;
    }
    .signCon h2:before{
        content: '';
        display: block;
        width: 8.8rem;
        flex: 0 0 8.8rem;
        height: 10.1rem;
        background-image: url(img/petition_icon.svg);
        background-size: 8.8rem 10.1rem;
        margin-right: 1.5rem;
        
        
    }
    footer{
        display: block !important;
        text-align: center;
    }
    .flo{
        margin-left: auto;
        margin-right: auto;
    }
    
    .ft{
        flex-direction: column;
        align-items: center;
    }
    footer{
        padding: 2rem;
    }
    
    .kavs{
        height: 2px;
        background-color: #fff;
        display: block;
        position: relative;
        transform: rotate(0);
        transition: .3s all;
        
    }
    .kav1, .kav3{
        width: 18px;
    }
    .kav2{
        width: 14px;
    }
    #toggleMenu{
        position: absolute;
        right: 0;
        top:0;
        width: 6rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background: none;
        border:none;
    }
    .kav1{
        top:-5px;
    }
    
    .kav3{
        bottom:-5px;
    }
    .kavC{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    
    
    .opened .kav1{
        transform: rotate(45deg);
        top:2px;
    }
    .opened .kav2{
        opacity: 0;
    }
    .opened .kav3{
        transform: rotate(-45deg);
         bottom: 2px;
    }
    
    .resWrapper ul.resList{
        display: block;
    }
    .resWrapper{
        padding: 2rem;
    }
    
    #sort.ttb {
        display: none;
    }
    .resTearTitle{
        top:18rem;
        background-color: #f8f8fa;
       
    }
   
    /*.sortCon.bordered:after{
        width: 100%;
        height: 10rem;
        background-color: #F8F8FA;
        content: '';
        position: absolute;
        bottom: -10rem;
        left: 0;
    }*/
    .resTearTitle{
        display: flex;
        align-items: center;
    }
    .resTearTitle:before,.resTearTitle:after{
        flex-grow: 1;
        height: 1px;
        background-color: rgba(18,13,68,0.21);
        content: '';
        display: block;
    }
    .sortCon.bordered{
        border-bottom: none !important;
    }
    .resDet{
        align-items: flex-start;
        align-items: center;
    }
    .resWrapper h2{
        white-space: normal;
    }
    .sFalg{
        flex:  0 0 1.8rem;
    }
    .country_concerned{
        align-items: flex-start;
    }
    .resBody{
        line-height: 1.2;
    }
    .resCon{
        height: auto;
    }
    .resLoader{
        width: 100vw;
    }
    .sortCon{
        height: 6rem;
        top: 12.3rem;
        z-index: 11111;
        border: none !important;
       /*/ padding-bottom: 2rem;*/
    }
    .filtersOn {
        display: none;
    }
    .resWrapper h2{
        padding: 0;
    }
    .filters{
        display: block;
        width: 100%;
    }
    .filters .box{
        margin: 0;
    }
    .filters .dropDownBox{
        width: 100%;
        height: 5.3rem;
        padding: 0 2rem;
        box-sizing: border-box;
        line-height: 5.3rem;
        font-size: 1.7rem;
    }
    header{
        z-index: 99999999999999999;
    }
    body{
        -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 

    }
    .filterBtn:active,.dropDownBox:active,.resCon:active{
        background-color: #ccc !important;
    }
    .filtersShowArea{
        position: fixed;
       
        height: calc(100% - 10rem);
        width: 100%;
        overflow: scroll;
        display: block !important;
        background-color: #fff;
        left: 100%;
        transition: .3s all ease-in-out;
    }
    .rtt{
        white-space: nowrap;
    width: 100vw;
    overflow: hidden;
    }
    .filterSmalltext{
        font-size: 1.4rem;
        font-weight: 400;
    }
    .bold{
        font-weight: 700;
    }
    .filtersShowArea.opened{
        left: 0;
    }
    .filters{
        overflow: auto;
    }
    .filters .dropDownSelect{
        position: fixed;
        top:6.5rem !important;
        height: calc(100% - 6.5rem);
        max-height: none;
        opacity: 1;
        visibility: visible;
        width: 100%;
        background-color: #fff;
        right:-100%;
        transition: .3s all ease-in-out;
        border: none;
    }
    #openFilters{
        transition: .3s all;
        position: relative;
        top:0;
    }
    #openFilters.opened{
        opacity: 0;
        top:-1rem;
        visibility: hidden;
    }
    .filterOpenBtnCon{
        display: block;
    }
    .filtersOpenedArea {
        padding: 0 2rem;
    box-sizing: border-box;
    color: #fff !important;
    text-align: left;
    display: flex;
   
    width: 100%;
    height: 100%;
    position: absolute;
        left:0;
        top:100%;
        transition: .3s all;opacity: 0;
        visibility: hidden;
        justify-content: center;
        align-items: center;
        font-size: 2rem;
    }
    .filtersOpenedArea.opened{
        top:0;
        visibility: visible;
        opacity: 1;
    }
    #closeFilters{
         border: none;
        background-color: transparent;
        background-image: url("img/x_icon.svg");
        background-size: 1.7rem;
        position: absolute;
        right: 0;
        height: 100%;
        width: 6rem;
        background-position: center;
        background-repeat: no-repeat;
    }
    #clearAllFiltersMob{
        border: none;
        background: none;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 700;
        position: absolute;
        left:2rem;
        top:0;
        height: 100%;
        width: auto;
        
    }
    
    #sortBy{
        position: fixed;
        bottom: -100vh;
        left:0;
        width: 100%;
        top: auto;
        opacity: 1;
        visibility: visible;
        overflow: visible;
        transition: .3s all;
        max-height: none;
        
    }
    
    #sortBy:before{
        position: absolute;
        content: '';
        display: block;
        bottom:0;
        left:0;
        width: 100%;
        height: 100vh;
        background-color: rgba(18,13,68,.73);
        opacity: 0;
        visibility: hidden;
         transition: .3s all;
    }
    #sortBy.opened{
         bottom: 0;
    }
    
    
    #sortBy.opened:before{
         opacity: 1;
        visibility: visible;
    }
    #sortBy li{
        padding-top: 0;
        padding-bottom: 0;
        padding: 0 3rem;
        position: relative;
        z-index: 9;
        background-color: #fff;
    }
     .dropDownSelect li:last-child button{
         border-bottom: none !important;
    }
    .dropDownSelect li button{
        border-color: #E2E2E2 !important;
         background-position: right center;
        
    }
    .dropDownSelect li button.filterBack{
        position: absolute;
        left: 0;
        top:0;
        height: 100%;
        width: 6rem;
        padding: 0;
        background-image: url("img/white_back.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 7px;
        border: none;
    }
    .filterCon{
        
    }
    .dropDownSelect li button.clearAllFiltersMobile{
           position: absolute;
        right: 0;
        top:0;
        height: 100%;
        width: auto;
        padding: 0 1rem;
       color: white;
        font-size: 1.4rem;
        border: none;
    }
    .filters .dropDownSelect.inViewport{
        right: 0;
        z-index: 99999;
    }
    .filters li.label{
        font-size: 2rem;
        text-align: center;
        color: #fff;
        height: 5.8rem;
        line-height: 5.8rem;
        background-color: #120D44;
       position: relative;
    }
    .page-template-country-info .filterLoader {
    z-index: 9999999999;
        }
    .page-template-country-info .sortConInnerTop {
        padding: 0;
    box-sizing: border-box;
    }
    .page-template-country-info .btci{
        padding-left: 2rem;
    }
    .page-template-country-info .resCount {
        padding-right: 2rem;
    }
    .page-template-country-info .sortCon{
       /* z-index: 9999999999999;*/
    }
    .filterOpenBtnCon{
        height: 5.9rem;
    }
    .dropDownSelect li{
        padding: 0;
    }
    .dropDownBox{
        width:12rem;
    }
    .sortCon .box{
        margin-right: 0;
    }
    .filters li button.active{
        background-position: right 1.5rem center;
    }
    .dropDownSelect li button{
        width: 100%;
        height: 5.3rem;
        padding: 0 2rem;
        box-sizing: border-box;
        line-height: 5.3rem;
        font-size: 1.7rem;
        border-bottom: 1px solid  #282455;
    }
    .filterOpenBtnCon{
        background-color: #120D44;
        color: #fff;
        text-align: left;
        justify-content: flex-start;

  
    }
    #openFilters{
                padding: 0 2rem;
        box-sizing: border-box;
           color: #fff !important;
        text-align: left;
        display: flex;
        justify-content: space-between;
                width: 100%;
        height: 100%;
    }
    .hv{
        display: none;
    }
    #openFilters:after{
        content: '';
        display: block;
        width: 7px;
        height: 13px;
        background-image: url("img/white_back.svg");
        transform: rotate(180deg);

        
    }
    .gd{
        display: block;
    }
    
    .freeHouse,.population,.gdp{
        width: 3.6rem;
        text-align: center;
        background-position: center;
    }
    .cahrtArea {
        display: block;
    }
    .chartMikra{
        padding: 0;
    }
    .piChartCon{
        margin: auto;
    }
    .ketDataDataArea, .compareDataDataArea{
        width: 100%;
    }
    .countryBox{
        height: auto;
    }
    .compare {
   
    background-position: top 3rem center;
    padding-top: 10rem;
}
    .urge {
    background-position: top 3rem center;
    padding-top: 13em;
        background-size: 7rem;
}
    .countryBox p{
        width: auto;
        text-align: center;
        padding: 0;
    }
    .compareAreaInner{
        position: relative;
    }
    .keyDataPopUp {
        background-color: #fff;
    }
    .countryBox .cButton{
        display: block;
        width: 100%;
    }
    .votingList li{
        height: auto;
    }
    .chartMikra h3{
        font-family: 'Nunito',sans-serif;
    font-weight: 700;
        text-align: center;
        font-size: 1.7rem;
        border-bottom: 1px solid #DBDAE3;
        line-height: 6rem;
        margin: 0;
        
        
    }
    .mi5b{
        border-right: 1px solid #DBDAE3;
    }
    .comGraphs  .chartMikra li{
        display: block;
        height: auto;
    }
    .cahrtArea{
        width: 100%;
    }
    .compareDataDataArea h2{
        margin-top: 0;
    }
    .m5{
        padding: 1.5rem 0;
        flex: 0 0 50%;
        width: 50%;
        display: flex;
        justify-content: center;
    }
    .singleCountryFlag{
        margin-right: 0;
    }
    .compareDataDataArea .countries {
        height: auto;
        padding: 2rem 2rem 0 2rem;
    }
    .cnm{
        height: 6rem;
}
    .singleResWrapper {
    padding: 12rem 2rem;
}
    .singleResWrapper h1{
        font-size: 2rem;
         font-family: 'Nunito',sans-serif;
        padding-right: 4rem;
        background-size: 2rem;
    }
    .moff{
    display: flex;
        flex-direction: column-reverse;
    }
    .resTable {
        display: block;
    }
    .fullRes{
        width: 100vw;
        overflow-x: hidden;
           -webkit-overflow-scrolling: touch;

    }
    .resTable .feature,.resTable  .value{
        font-size: 1.8rem;
        margin: 0;
    }
    .resTable  .value{
     padding-left: 2rem;
        box-sizing: border-box;
        
    }
    .resTb{
        display: flex;
        margin-right: 0;
        margin-bottom: 2.5rem;
        
    }
    .resTable{
        padding-top: 2rem;
        margin-top: 2rem;
        border-top: 1px solid rgba(226,226,226,1);
        
    }
    .paragraph{
        display: block;
    }
    .aboutMain{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .page-template-about .paragraph .title h2{
        font-size: 3rem;
        line-height: 3.3rem;
    }
    .problemsList li{
        display: block;
    }
    .laproblomos h1{
        font-size: 3.5rem;
        padding-left: 0;
        padding-top: 8rem;
        background-position: top center;
    }
    .laproblomos{
        width: 100%;
        padding: 0 3rem;
        box-sizing: border-box;
        text-align: center;
        padding-top: 8rem;
        
    }
    .prbNum{
        font-size: 8rem;
        text-align: center;
        justify-content: center;
    }
    .problem ul{
        padding: 0;
    }
    .baseGrid{
        width: 100%;
    }
    .fullCountriesListConPetition .fullCountriesList{
        width: 100%;
    }
    
    .fullCountriesListConPetition .fullCountriesList .votingList{
        justify-content: space-between;
    }
    .fullCountriesList{
        width: 100vw;
    }
    .headerShareArea {
        display: none;
    }
    section{
        overflow-x: hidden !important;
    }
    .countryHead  .cButton{
        display: none;
    }
    .headerShareAreaBtnsArea{
        visibility: visible;
        background-color: transparent;
        opacity: 1;
        border: none;
    }
    .headerShareAreaBtnsCon{
        position: static;
        width: auto;
        padding: 0;
        margin-left: 2rem;
    }
    .headerShareAreaMob {
        display: flex;
        font-size: 2rem;
        color: #fff;
        align-items: center;
        justify-content: center;
        margin-bottom: 2rem;
    }
    .headerShareAreaBtnsCon ul{
        padding: 0;
    }
    .headerShareAreaMob button:before{
        color: #fff;
    }
    .countryResTop h1{
       font-size: 2.2rem !important;
        
    }
    #countryLista{
        font-size: 3.5rem;
        background-size: 1.4rem;
    }
    .countryResTop button span{
        padding-bottom: .3rem;
    }
    .countryResTop{
        padding-bottom: 3rem;
    }
    .filtersOpenedArea{
        z-index: 1;
       box-sizing: border-box;
       background-color: #120D44;
       height: 5.9rem;
       position: relative;
       width: 100vw;
    }
    .filtersShowArea {
    position: fixed;
    top: 6.5rem;
    height: calc(100% - 6.5rem);
    width: 100%;
    overflow: scroll;
    display: block !important;
    background-color: #fff;
    left: 100%;
    transition: .3s all ease-in-out;
}
   
    .page-template-country-info .filtersShowArea{
        top:6.5rem;
    }
    .page-template-country-info .filters{
        position: relative;
        top:0;
    }
    .page-template-country-info .filterOpenBtnCon{
        flex: 0 0 100%;
        z-index: 0;
    }
    .resWrapper h2{
        z-index: 9999;
    }
    .page-template-country-info .sortCon{
        top:6.5rem;
    }
    .page-template-country-info .btci {
    padding-left: 4rem;
        line-height: 4rem;
    background: url(img/btci.svg) left 2rem center no-repeat;
}
    .page-template-country-info .sortConInner{
        height: 11rem;
    }
    .page-template-country-info .filterOpenBtnCon  {
        position: sticky;
        position: -webkit-sticky;
        top:6.5rem;
        z-index: 0;
    }
    .page-template-country-info .sortConInner {
   
    z-index: 9999999999;
}
    .historical-data-frame{
        width: 100%;
    }
    .hrc-hostorical-popup{
        padding: 6rem 3rem 3rem 3rem;
        box-sizing: border-box;
    }
    #open-hostory{
        text-align: center;
        pointer-events: all;
    }
    .historical-data-frame{
        padding: 3rem;
    }
    .two-tables{
        display: block;
    }
    .hrc-hostorical-popup{
        z-index: 99999999999999999;
    }
    .historical-data-frame h2{
        line-height: 3.1rem;
    }
    .historical-data-frame h3{
        line-height: 2.1rem;
        margin-bottom: 2rem;
    }
    .pieLegend{
        border: none;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #per-see-more{
        background-color: transparent;
        background-image: url(img/red_arrow.svg);
        background-size: 8px 13px;
        background-position: bottom center;
        background-repeat: no-repeat;
        padding-bottom: 1.3rem;
        color: #FF5050;
        border: none;
        font-size: 1.6rem;
    }
    #longest-see-more{
        background-color: transparent;
        background-image: url(img/red_arrow.svg);
        background-size: 8px 13px;
        background-position: bottom center;
        background-repeat: no-repeat;
        padding-bottom: 1.3rem;
        color: #FF5050;
        border: none;
        font-size: 1.6rem;
    }
    .longest{
        margin-top: 4rem;
    }

    .hrc-hostorical-popup .percentage.expanded  table tbody tr:nth-child(n+6){
        padding: 1.5rem 0;
        height: 6rem;
        border-color: #DBDBDB;
    }

    .hrc-hostorical-popup .percentage.expanded #per-see-more {
        background-image: url(img/top-arr.svg);
        background-position: top center;
        background-repeat: no-repeat;
        padding-top: 1.3rem;
        padding-bottom: 0;
    }

    #close-hrc-data {
        width: 1.7rem;
        height: 1.7rem;
        background-image: url(img/x_icon.svg);
        background-size: contain;
        padding: 0;
        background-position: center;
        background-repeat: no-repeat;
        position: fixed;
        top: 2rem;
        right: 2rem;
        background-color: transparent;
        border: none;
        transition: .3s all;
        transform: rotate(0);
        cursor: pointer;
    }
    .hrc-hostorical-popup .longest.expanded  table tbody tr:nth-child(n+6){
        padding: 1.5rem 0;
        height: 6rem;
        border-color: #DBDBDB;
    }

    .hrc-hostorical-popup .longest.expanded #longest-see-more {
        background-image: url(img/top-arr.svg);
        background-position: top center;
        background-repeat: no-repeat;
        padding-top: 1.3rem;
        padding-bottom: 0;
    }
    .historical-data-frame{
        margin-top: 0;
    }

    .res-items-list{
        display: block;
    }

    .resources-page .dbWrap{
        padding: 0 ;
    }
    .rs-items-list-area{
        padding: 0 1.9rem;
        box-sizing: border-box;
    }
    .rs-data h2{
        font-size: 1.4rem;
    }
    .resources-page .databaseTop{
        z-index: 0;
    }
    .rs-cat{
        font-size: 1.2rem;
    }
    .rs-image {
        flex: 0 0 43%;
    }
    .resources-page .sortCon{
        height: 6rem;
    }
    .resources-page .filterOpenBtnCon,
    .resources-page .sortConInnerTop,
    .resources-page .sortConInner{
        width: 100%;
    }

    .res-items-list li{
        margin-bottom: 3rem;
    }
    .headerLogo{
        flex: auto;
    }
    .footer-middle{
        margin: 3rem 0;
    }
    .footer-middle p{
        font-size: 1.2rem;
        margin: 0;
    }
    .crr{
        display: flex;
        justify-content: center;
        margin-bottom: 2rem;
    }
    footer{
        border-top: 1px solid #979797;
    }
}

/*mobile devices*/
@media only screen and (max-width: 600px) {

	
}