h2{ max-width: 430px; margin: 0 auto; }

.herobanner__container { background-position-y: center; } .homehero_carousel{ margin: 0 0; } .homehero_carousel .slick-slider .slick-dots { display: none } div[data-slick-index="0"] .text_block{ width: 67% !important; margin: 0 auto; display: flex; align-items: start; padding: 0 15px; } div[data-slick-index="0"] .text_block h1{ font-size: 35px; order: 1; color: white !important; text-align: left; } div[data-slick-index="0"] .text_block h4{ font-size: 18px; padding:0 15px 12px 0; order: 2; color: white !important; } div[data-slick-index="0"] .text_block div:nth-of-type(1){ padding-top: 25px; order: 4; text-align: left; color: white !important; } div[data-slick-index="0"] .text_block div:nth-of-type(1) p{ font-size: 11px; color: white !important; } div[data-slick-index="0"] .text_block div:nth-of-type(1) p a{ color: white !important; margin-right: 0 !important; } div[data-slick-index="0"] .text_block div:nth-of-type(2){ order: 3; } @media only screen and (max-width: 1400px) { div[data-slick-index="0"] .text_block{ width: 90% !important; } } @media (max-width:1030px){ .table-responsive-sm{ overflow-x: scroll; } } @media only screen and (max-width: 1023px) { .financefigures_proof ul li{ -webkit-flex:0 0 34%; -ms-flex:0 0 34%; flex:0 0 34%; max-width: 34%; //padding:0; //padding-left:4px; //padding-right:16px; } .financefigures_proof ul li:after{ background:none; } .narrow-margin { margin: 0; } .rtecontainer .rte #compleaderboardpagination tbody tr:nth-child(1){ height:100px !important; } #leaderboardwrap #compleaderboardpagination td{ height: 50px !important; } #leaderboardwrap #compleaderboardpagination { min-height: 230px; } .rtecontainer .rte { margin: 0 10px; } #leaderboardwrap .pagination span { margin: 0 2px; padding: 8px 10px; } } @media only screen and (max-width: 991px) { div[data-slick-index="0"] .text_block{ width: 100% !important; } div[data-slick-index="0"] .text_block h1{ text-align: left; font-size: 28px !important; padding-top: 35px; } div[data-slick-index="0"] .text_block h4{ text-align: left; font-size: 18px !important; } div[data-slick-index="0"] .text_block div:nth-of-type(1){ padding-top: 18px; } } @media only screen and (max-width: 767px) { #comprankingtitle{ margin-bottom: 20px; } #comprankingtitle td{ padding: 0; float: left; width: 100%; } #compleaderboardpagination{ display:block; } #compleaderboardpagination a{ float:left; font-size:12px; } #compleaderboardpagination .btn{ float:none !important; } #comp .formcomperror{ border:0; } #compleaderboardpagination td{ float:left; width:100%; } .paginationright{ text-align:center; } #comprankingtitle td h2{ margin-bottom: 0px !important; } #competitioncounter{ padding-left:30px; } #competitioncounter .competitioncounterclass{ width:50% } .herobanner__container h1{ font-size:42px; } #prizewrap h4{ font-size: 10px; } #prizewrap .ordersCountList .col{ flex:none; float:left; width:100%; } #prizewrap .ordersCountList .grid-image{ } #prizewrap .ordersCountList ul{ float:left; padding:left:0px; } #prizewrap .ordersCountList ul li{ float:left; width:100%; margin-left:0px; } #compterms{ width: 25px; height: 25px; vertical-align: middle; } #comp-terms{ margin-bottom: 15px; } #comp-captcha{ transform:scale(0.77); transform-origin:0 0; margin-left: 4px !important; } .rtecontainer .rte table{ margin-bottom:0px; } #joinwrap .rtecontainer .rte{ padding-left:0px; padding-right:0px; } #jointable h1, #jointable p{ padding-left:10px; padding-right:10px; padding-top:20px; } #jointable td{ width:100%; float:left; display:block; padding-left:0px !important; padding-right:0px !important; padding-top:0px !important; text-align:center; } #jointable tbody, #jointable tr{ display:block; } #comp{ border: 0px; overflow:hidden; margin-bottom:0px; } #comp tbody, #comp tr{ display:block; float:left; width:100%; } #comp input[type=text]{ width:95%; } } @media only screen and (max-width: 320px) { #competitioncounter{ padding-left:15px !important; } }