@media only screen and (max-width:1279px){
.centerwrap{width: 97%; max-width: 1106px;}
.topNav a{padding-top: 2px; line-height: 40px; font-size: 26px; width: 180px;}
.topNav{padding: 24px 0;}
header{padding-left: 28px; padding-right: 24px;}
.todpLeft{width: 76.5%;}
.todpRight{width: 21%;}
.topLinks li a{background-position: 12px center; padding-left: 38px; line-height: 26px;}
.topLinks{padding-bottom: 10px;}
.friendsLinks{padding-bottom: 22px;}
.friendsLinks li{line-height: 20px;}
.title h1{font-size: 42px; line-height: 54px;}
.title h2{font-size: 42px; line-height: 54px;}
.title h3{font-size: 30px; line-height: 44px;}
.title h4{font-size: 34px; line-height: 48px;}
.title p{font-size: 18px;}
.title{padding-bottom: 22px;}
.darlingTodp .title, .todpFriendsT .title{padding-bottom: 15px;}
.foundingMem .title{padding-bottom: 10px;}
.banner{margin-bottom: 30px;}
.nakedDare{font-size: 18px; padding-bottom: 22px;}
.latestDares a{font-size: 28px; padding: 0 46px 4px; line-height: 47px;}
.memberPBlock{width: 18.8%; margin-right: 1.5%; margin-bottom: 1.5%;}
.memberPBlock p{font-size: 17px;}
.seeallG, .seeallB{padding-top: 22px; padding-bottom: 14px;}
.seeallG a, .seeallB a{font-size: 25px; padding: 0 28px 4px; line-height: 40px;}
.todp{padding: 26px 26px 30px;}
.bottomLinks{width: 21%;}
.bottomLinks li a{background-position: 12px center; padding-left: 38px; line-height: 26px; padding-bottom: 1px;}
.aboutRight{width: 77%;}
.aboutArea{width: 55%;}
.aboutPic{width: 42%;}
.aboutArea h3{font-size: 22px;}
.aboutArea p{font-size: 14px; line-height: 20px; padding-bottom: 20px;}
.copyright{font-size: 16px; padding: 12px 0;}

}
@media only screen and (max-width:1023px){
header{padding: 0 14px;}
.logo{width: 170px;}
.topNav a{padding-top: 1px; line-height: 34px; font-size: 22px; width: 150px;}
.topNav{padding: 18px 0;}
.todpBanner{padding: 18px 14px;}
.title h1, .title h2{font-size: 34px; line-height: 42px;}
.title h1:before, .title h2:before{background-size: 18px; width: 18px; height: 18px; left: -28px;}
.title h1:after, .title h2:after{background-size: 18px; width: 18px; height: 18px; right: -28px;}
.title h3{font-size: 22px; line-height: 32px;}
.title h3:before{background-size: 18px; width: 18px; height: 18px; left: -28px;}
.title h3:after{background-size: 18px; width: 18px; height: 18px; right: -28px;}
.title h4{font-size: 26px; line-height: 32px;}
.title h4:before{background-size: 18px; width: 18px; height: 18px; left: -28px;}
.title h4:after{background-size: 18px; width: 18px; height: 18px; right: -28px;}
.darlingTodp .title, .todpFriendsT .title{padding-bottom: 8px;}
.title p{font-size: 16px;}
.title{padding-bottom: 14px;}
.topLinks li{font-size: 14px;}
.topLinks li a{background-position: 8px center; padding-left: 28px; line-height: 24px;}
.friendsLinks li{font-size: 13px; line-height: 18px;}
.dareGirls{padding-bottom: 5px;}
.dareGirls h5{font-size: 17px;}
.nakedDare{font-size: 16px; padding-bottom: 16px;}
.banner{margin-bottom: 18px;}
.latestDares a{font-size: 24px; padding: 0 38px 4px; line-height: 42px;}
.classicTodp{padding: 14px;}
.darlingTodp{padding: 14px 14px 0;}
.todp{padding: 14px;}
.foundingMem{padding: 14px 14px 0px;}
.memberPic{border-width: 4px; margin-bottom: 2px;}
.memberPBlock p{font-size: 15px;}
.seeallG, .seeallB{padding-top: 14px; padding-bottom: 10px;}
.seeallG a, .seeallB a{font-size: 22px; line-height: 36px; padding: 0 22px 4px;}
.todpFriendsT{padding: 14px 14px 10px;}
.aboutBox{padding: 14px;}
.bottomLinks{width: 26%;}
.aboutRight{width: 71%; flex-wrap: wrap;}
.aboutArea{width: 100%; order: 1;}
.aboutPic{width: 55%; margin-bottom: 16px;}
.aboutArea h3{margin-top: 0; padding-bottom: 10px;}
.todpFriends ul li{font-size: 14px; margin: 0 3px 6px;}
.todpFriends ul li a{padding: 0 14px 2px; line-height: 25px;}
.bottomLinks li{font-size: 14px;}
.bottomLinks li a{background-position: 8px center; padding-left: 28px; line-height: 24px;}
.aboutArea p{padding-bottom: 14px;}
.copyright{font-size: 14px;}

}
@media only screen and (max-width:767px){
.centerwrap{width: 96%;}
header{padding: 0 12px; border-width: 2px;}
.logo{width: 140px;}
.topNav{padding: 14px 0;}
.topNav a{padding-top: 0; line-height: 28px; font-size: 18px; width: 120px; margin-right: 5px;}
.midHLinks ul li{font-size: 10px;}
.midHLinks ul li a{padding: 0 8px 2px; line-height: 18px;}
.todpBanner{flex-direction: column; padding: 14px 10px;}
.todpLeft{width: 100%; padding-bottom: 24px;}
.todpRight{width: 100%;}
.topLinks{display: flex; flex-wrap: wrap; justify-content: center;}
.topLinks li{width: 49%; margin-right: 2%; margin-bottom: 2%;}
.topLinks li:nth-child(2n){margin-right: 0px;}
.friendsLinks{display: flex; flex-wrap: wrap; justify-content: center;}
.friendsLinks li{margin: 0 5px; line-height: 20px;}
.dareGirls{display: flex; flex-direction: column; align-items: center;}
.title h1, .title h2{font-size: 24px; line-height: 30px;}
.title h1:before, .title h2:before{background-size: 16px; width: 16px; height: 16px; left: -24px;}
.title h1:after, .title h2:after{background-size: 16px; width: 16px; height: 16px; right: -24px;}
.title p{font-size: 14px;}
.title{padding-bottom: 8px;}
.banner{border-width: 4px;}
.nakedDare{font-size: 14px; line-height: 18px; padding-bottom: 10px;}
.latestDares a{font-size: 20px; padding: 0 30px 4px; line-height: 36px;}
.friendsLinks{padding-bottom: 12px;}
.memberPBlock{width: 32%; margin-right: 2%; margin-bottom: 2%;}
.memberPBlock:nth-child(5n){margin-right: 2%;}
.memberPBlock:nth-child(3n){margin-right: 0px;}
.memberPic{box-shadow: 0 0 5px rgba(0,0,0,0.25);}
.seeallG a, .seeallB a{font-size: 18px; line-height: 31px;}
.classicTodp{padding: 14px 10px;}
.darlingTodp{padding: 14px 10px 0;}
.title h3{font-size: 20px; line-height: 22px;}
.title h2:before, .title h3:before, .title h2:after, .title h3:after, .title h4:before, .title h4:after{display: none;}
.darlingTodp .title, .todpFriendsT .title{padding-bottom: 10px;}
.whitebox{margin-bottom: 12px;}
.title h4{font-size: 20px; line-height: 24px;}
.foundingMem{padding: 14px 10px 5px;}
.todp{padding: 10px;}
.todpFriends ul li{font-size: 13px;}
.todpFriends ul li a{padding: 0 10px 2px; line-height: 23px;}
.bottomLinks{width: 40%;}
.aboutRight{width: 56%;}
.aboutPic{border-width: 4px; width: 100%;}
.copyright{padding: 10px 0;}
.aboutBox{padding: 10px;}
.todpFriendsT{padding: 10px;}

}
@media only screen and (max-width:479px){
.centerwrap{width: 94%;}
header{flex-direction: column; padding: 12px 0 14px;}
.logo{width: 150px;}
.topNav{padding: 10px 0 0;}
.memberPBlock{width: 48%; margin-right: 4%;}
.memberPBlock:nth-child(3n), .memberPBlock:nth-child(5n){margin-right: 4%;}
.memberPBlock:nth-child(2n){margin-right: 0px;}
.seeallG a, .seeallB a{padding: 6px 16px 8px; line-height: 21px; font-size: 17px;}
.memberPBlock p{font-size: 14px;}
.title h1, .title h2{font-size: 22px; line-height: 28px;}
.seeallG, .seeallB{padding-top: 8px; padding-bottom: 0; width: 100%;}
.seeallG a, .seeallB a{width: 100%;}
.title h3{font-size: 17px; line-height: 20px;}
.title h4{font-size: 18px; line-height: 20px;}
.aboutBox{flex-direction: column;}
.bottomLinks{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px;}
.bottomLinks li{width: 49%; margin-right: 2%; margin-bottom: 2%;}
.bottomLinks li:nth-child(2n){margin-right: 0px;}
.aboutRight{width: 100%;}
.aboutPic{margin-bottom: 10px;}
.copyright{font-size: 13px; padding: 6px 0;}

}