@media only screen and (max-width:1900px){
.centerwrap{width:1560px;}
.camBlock{width: 13.8571%; margin-right: 0.5%; margin-bottom: 0.5%;}
.camInfo{padding: 8px 12px 10px;}
.allCategories{margin-bottom: 40px;}

/* Chat */
.chatArea{padding-top: 70px; padding-bottom: 44px;}

}
@media only screen and (max-width:1590px){
.centerwrap{width:1250px;}
.welcomeText h1{font-size: 20px;}
.welcomeText{padding-top: 24px; padding-bottom: 18px;}
.welcome{padding-bottom: 30px;}
.pagination ul li{font-size: 16px;}
.pagination ul li a{height: 38px; min-width: 38px;}
.pagination{padding-bottom: 60px;}
.allCams{padding-bottom: 24px;}
.indCategory h3{font-size: 18px; padding-bottom: 7px;}
.allCategories{padding: 22px 28px 10px; margin-bottom: 30px;}
.footerContent h3{font-size: 20px; padding-bottom: 6px;}
.footerContent{padding-bottom: 36px;}

.megamenu ul{column-count: 5;}

/* Chat */
.chatArea{padding-top: 50px; padding-bottom: 30px;}
.chatMBtn{font-size: 22px; height: 65px;}
.rCamBlock{width: 16.25%; margin-right: 0.5%; margin-bottom: 0.5%;}
.chatCams{padding-bottom: 40px;}
.chatTopCams{padding-bottom: 30px;}

}
@media only screen and (max-width:1279px){
.centerwrap{width:994px;}
.welcomeText p{font-size: 14px;}
.welcomeText{padding-top: 20px; padding-bottom: 14px;}
.titleA h2{font-size: 15px; line-height: 35px;}
.allCams{padding-top: 12px;}
.camBlock{width: 19.2%; margin-right: 1%; margin-bottom: 1%;}
.camBlock:nth-child(7n){margin-right: 1%;}
.camBlock:nth-child(5n){margin-right: 0px;}
.indCategory ul li a{padding: 0 14px;}
.allCategories{padding: 20px 24px 8px;}
.footerContent p{font-size: 14px;}
.fPoints li{font-size: 14px; padding-left: 20px;}
.fPoints li:before{width: 14px; height: 14px; background-size: 14px;}

.logo{margin-right: 26px; width: 150px;}
.topNav ul li{margin-right: 4px;}
.topNav ul li a{padding: 0 14px; line-height: 48px;}
.topNav ul li.categories{margin-right: 8px;}
.megamenu ul{column-count: 4;}
.megamenu ul li{margin-right: 0px;}
.megamenu ul li a{line-height: 30px;}

/* Chat */
.chatScreen{margin-top: 14px;}
.chatMBtn{font-size: 20px; height: 60px;}
.blockInfo h3{font-size: 14px;}
.blockCInfo p{font-size: 14px;}
.blockCInfo{width: calc(100% - 175px);}
.dateLive ul li h3{font-size: 14px;}
.dateLive ul li p{font-size: 14px; width: calc(100% - 300px);}
.chatCams .titleA{margin-bottom: 10px;}
.rCamBlock{width: 19.2%; margin-right: 1%; margin-bottom: 1%;}
.rCamBlock:nth-child(6n){margin-right: 1%;}
.rCamBlock:nth-child(5n){margin-right: 0px;}
.chatTopCams{padding-bottom: 24px;}
.chatCams{padding-bottom: 20px;}

}
@media only screen and (max-width:1023px){
.centerwrap{width:748px;}
.welcomeText{padding-top: 15px;}
.filterBlock{min-width: 120px;}
.camBlock{width: 24.25%;}
.camBlock:nth-child(5n){margin-right: 1%;}
.camBlock:nth-child(4n){margin-right: 0;}
.pagination ul li{font-size: 14px;}
.pagination ul li a{height: 34px; min-width: 34px;}
.pagination{padding-bottom: 50px;}
.allCams{padding-bottom: 18px;}

.logo{width: 170px; margin: auto; padding: 10px 0; z-index: 1; position: relative;}
.headerR{position: absolute; right: 0; width: 100%; justify-content: flex-end;}
.topNav{position: absolute; left: -10px; top: -27px; z-index: 9;}
.topNav > ul{display: none; overflow: auto; padding-top: 82px;}
.topNav ul li{margin-right: 0px;}
.topNav ul li.categories{margin-right: 0px;}
.topNav ul li.categories > a{padding: 0 14px;}
.megamenu{padding: 0 14px 14px;}
.megamenu ul{column-count:auto;}
.megamenu ul li a{padding: 0px;}
.topNav.active{background-color: #292c31; position: fixed; left: 0; top: 0; z-index: 9; width: 200px; height: 100vh; overflow: auto; box-shadow: 0 0 10px #1e2024;}
.topNav.active ul{display: block;}
.resMenu{border-radius: 3px; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; position: absolute; cursor: pointer; top: 36px; left: 10px;}
.resMenu span{background-color: #fff; width: 22px; height: 3px; border-radius: 2px; position: relative; transition:all 500ms ease;}
.resMenu span:before{background-color: #fff; width: 22px; height: 3px; border-radius: 2px; content: ''; position: absolute; left: 0px; top: 7px; transition:all 500ms ease;}
.resMenu span:after{background-color: #fff; width: 22px; height: 3px; border-radius: 2px; content: ''; position: absolute; left: 0px; bottom: 7px; transition:all 500ms ease;}
.resMenu.active span{transform: rotate(45deg);}
.resMenu.active span:before{opacity: 0;}
.resMenu.active span:after{transform: rotate(-90deg); bottom: 0;}
.resMenu.active{z-index: 6;}
.resMenu.active span{background-color: #fff;}
.resMenu.active span:after{background-color: #fff;}
.topSearch{display: none;}
.searchIcon{background: url(../images/searchW.png) no-repeat center center; width: 30px; height: 30px; border: 0; display: block; cursor: pointer;}
.searchArea.active .topSearch{display: block; position: absolute; right: 0; width: 100%; top: 50px; z-index: 1;}
.searchBox{background-color: #292c31; box-shadow: 0 0 10px #1e2024;}


/* Chat */
.chatArea{padding-top: 30px;}
.chatScreen{margin-top: 10px; margin-bottom: 10px;}
.chatMBtn{font-size: 18px; height: 56px;}
.twoBlocks{padding-top: 12px; padding-bottom: 12px;}
.blockInfo h3{padding-left: 18px;}
.blockCInfo{width: calc(100% - 170px);}
.blockCInfo ul li a{padding: 0 14px;}
.dateLive ul li{padding: 12px 18px; width: 100%; margin-right: 0px;}
.rCamBlock{width: 24.25%;}
.rCamBlock:nth-child(5n){margin-right: 1%;}
.rCamBlock:nth-child(4n){margin-right: 0;}


}
@media only screen and (max-width:767px){
.centerwrap{width: 96%;}/*460px*/
.welcomeText h1{padding-bottom: 2px;}
.welcomeText p{line-height: 18px;}
.topFilters{flex-wrap: wrap;}
.filterBlock{width: 49%; margin-right: 2%; margin-bottom: 2%;}
.filterBlock:nth-child(2n){margin-right: 0px;}
.welcome{padding-bottom: 16px;}
.camBlock{width: 32%; margin-right: 2%; margin-bottom: 2%;}
.camBlock:nth-child(4n), .camBlock:nth-child(5n), .camBlock:nth-child(7n){margin-right: 2%;}
.camBlock:nth-child(3n){margin-right: 0px;}
.pagination{padding-bottom: 40px;}
.allCategories{padding: 15px 16px 5px;}
.indCategory h3{font-size: 16px; padding-bottom: 5px;}
.indCategory ul li a{padding: 0 12px; line-height: 24px;}
.indCategory ul li{font-size: 11px;}
.footerContent h3{font-size: 18px;}
.footerContent p{line-height: 18px;}
.fPoints li{line-height: 22px;}
.fPoints li:before{top: 4px;}
.footerContent{padding-bottom: 26px;}
footer{padding-top: 38px; padding-bottom: 20px;}

/* Chat */
.rCamBlock{width: 32%; margin-right: 2%; margin-bottom: 2%;}
.rCamBlock:nth-child(4n), .rCamBlock:nth-child(5n){margin-right: 2%;}
.rCamBlock:nth-child(3n){margin-right: 0px;}
.twoBlocks{padding: 0; flex-wrap: wrap; background: none;}
.twoBlocks .blockInfo{width: 100%; background-color: #292c31; border-radius: 5px; padding: 12px 0; margin-bottom: 10px;}
.twoBlocks .blockInfo:last-child{margin-bottom: 0px;}
.dateLive ul li h3{font-size: 13px;}
.dateLive ul li p{font-size: 13px; width: calc(100% - 275px);}
.blockCInfo ul li{font-size: 11px;}
.blockCInfo ul li a{padding: 0 12px; line-height: 24px;}
.chatTopCams{padding-bottom: 14px;}
.chatMBtn{font-size: 16px; height: 50px;}


}
@media only screen and (max-width:479px){
.centerwrap{width: 94%;}/*300px*/
.welcomeText h1{font-size: 18px;}
.camBlock{width: 49%;}
.camBlock:nth-child(3n){margin-right: 2%;}
.camBlock:nth-child(2n){margin-right: 0px;}
.footerContent h3{font-size: 16px; padding-bottom: 4px;}
.titleA h2{font-size: 14px;}

/* Chat */
.rCamBlock{width: 49%;}
.rCamBlock:nth-child(3n){margin-right: 2%;}
.rCamBlock:nth-child(2n){margin-right: 0px;}
.twoBlocks .blockInfo{padding: 12px; flex-direction: column;}
.blockInfo h3{padding-left: 0px;}
.blockCInfo{width: 100%; padding-top: 5px;}
.tagsBlock{padding: 0px;}
.tagsBlock .blockInfo{flex-direction: column; padding: 12px; align-items: flex-start;}
.dateLive ul li{padding: 12px; flex-direction: column; align-items: flex-start;}
.dateLive ul li p{width: 100%; padding-top: 3px;}
.chatTopCams{padding-bottom: 18px;}
.chatCams{padding-bottom: 10px;}
.chatMBtn{font-size: 14px; height: 42px;}

}