@media (min-width: 320px){ .auction_card_img{ width: 100%; height: 230px } .col-md-4{width: 100%;} .auctions_btns{ margin-top: 5px; margin-bottom: 10px; margin-right: 10px; margin-left: 10px; } .icon_box_details_lb{ font-family: beIN Normal; font-size: 12px; } .auction_card_value_1{ font-family: beIN Normal; font-size: 12px; } .auction_card_value_2{ font-family: beIN Normal; font-size: 12px; } .bg_img_01{ font-family: beIN Normal ; width: 100%; height: 280px; } .bg_img_02{ font-family: beIN Normal ; width: 100%; height: 280px; } .side_header_02{ font-size: 28px; } .blog_img{ height: 220px; } .hero { background-image: url('/canv_custom_website/static/images/bg_imgs/bg_105.png'); // background-size: cover; } .top_txt_01{ text-align:right; font-size: 20px; } } @media (min-width: 576px){ .auction_card_img{ width: 100%; height: 230px } .col-md-4{width: 100%;} .auctions_btns{ // margin-bottom: 10px; margin-right: 10px; margin-left: 10px; } .icon_box_details_lb{ font-family: beIN Normal; font-size: 14px; } .auction_card_value_1{ font-family: beIN Normal; font-size: 14px; } .auction_card_value_2{ font-family: beIN Normal; font-size: 14px; } .bg_img_01{ font-family: beIN Normal ; width: 100%; height: 280px; } .bg_img_02{ font-family: beIN Normal ; width: 100%; height: 280px; } .side_header_02{ font-size: 32px; } .blog_img{ height: 160px; } .hero { background-image: url('/canv_custom_website/static/images/bg_imgs/bg_105.png'); // background-size: cover; } .top_txt_01{ text-align:right; font-size: 20px; } } @media (min-width: 768px){ .auction_card_img{ width: 100%; height: 230px } .col-md-4{width: 50%;} .auctions_btns{ // margin-bottom: 10px; margin-right: 30px; margin-left: 30px; } .icon_box_details_lb{ font-family: beIN Normal; font-size: 16px; } .auction_card_value_1{ font-family: beIN Normal; font-size: 16px; } .auction_card_value_2{ font-family: beIN Normal; font-size: 16px; } #counters_slider{ margin-top: 60px; } .bg_img_01{ font-family: beIN Normal ; width: 260px; height: 260px; float: left; border-radius: 50px 50px 0px 0px; transform: rotate(90deg); } .bg_img_02{ font-family: beIN Normal ; width: 260px; height: 260px; transform: rotate(90deg); border-radius: 0px 0px 50px 50px; } .col-lg-4{ width: 33.333%; } .side_header_02{ font-size: 36px; } .blog_img{ height: 160px; } .hero { background-image: url('/canv_custom_website/static/images/bg_imgs/bg_13.png'); background-size: cover; } .top_txt_01{ text-align:right; font-size: 24px; } } @media (min-width: 992px){ .auction_card_img{ width: 100%; height: 260px } .col-md-4{width: 33.33%;} .auctions_btns{ // margin-bottom: 10px; margin-right: 60px; margin-left: 60px; } .icon_box_details_lb{ font-family: beIN Normal; font-size: 16px; } .auction_card_value_1{ font-family: beIN Normal; font-size: 16px; } .auction_card_value_2{ font-family: beIN Normal; font-size: 16px; } #counters_slider{ margin-top: 80px; } .bg_img_01{ font-family: beIN Normal ; width: 300px; height: 300px; float: left; border-radius: 50px 50px 0px 0px; transform: rotate(90deg); } .bg_img_02{ font-family: beIN Normal ; width: 300px; height: 300px; transform: rotate(90deg); border-radius: 0px 0px 50px 50px; } .side_header_02{ font-size: 45px; } .blog_img{ height: 250px; } .hero { background-image: url('/canv_custom_website/static/images/bg_imgs/bg_13.png'); background-size: cover; } .top_txt_01{ text-align:right; font-size: 32px; } } @media (min-width: 1200px){ .auction_card_img{ width: 100%; height: 340px } .col-md-4{width: 25%;} .auctions_btns{ // margin-bottom: 10px; margin-right: 80px; margin-left: 80px; } .icon_box_details_lb{ font-family: beIN Normal; font-size: 16px; } .auction_card_value_1{ font-family: beIN Normal; font-size: 16px; } .auction_card_value_2{ font-family: beIN Normal; font-size: 16px; } #counters_slider{ margin-top: 80px; } .bg_img_01{ font-family: beIN Normal ; width: 300px; height: 300px; float: left; border-radius: 50px 50px 0px 0px; transform: rotate(90deg); } .bg_img_02{ font-family: beIN Normal ; width: 300px; height: 300px; transform: rotate(90deg); border-radius: 0px 0px 50px 50px; } .side_header_02{ font-size: 45px; } .blog_img{ height: 340px; } .hero { background-image: url('/canv_custom_website/static/images/bg_imgs/bg_13.png'); background-size: cover; } .top_txt_01{ text-align:right; font-size: 40px; } } .intro_h{ text-align: right; color: white; font-family: beIN Black; word-wrap: break-word } #intro_p{ border-right:3px white solid; padding-right:10px; text-align: right; color: white; font-size: 24px; font-family: beIN Normal; font-weight: 400; line-height: 50px; word-wrap: break-word } .hp_auctions_notebook_btn{ margin-right: 5px; margin-left: 5px; background-color:rgba(255, 255, 255, 0.0); border:none; color: #ffffff; font-size: 16px; font-family: beIN Normal; word-wrap: break-word; height: 40px; } .page_body_text{ font-family: beIN Normal; font-size: 18px; } .home_btn_lb{ font-family: beIN Normal; color: #000000; } .page_body_headline{ font-family: beIN Normal; } #home_slider{ margin-right: 10px; margin-left: 10px; } #all_auctions_td{ border-bottom:2px solid rgba(255, 255, 255, 0.9) } .auction_name_01{ font-family: beIN Normal; border-bottom:1px solid rgba(102, 102, 102, 0.6) } #auction_cards_slider{ background: linear-gradient(180deg, rgba(255, 255, 255, 1.0) 50%, #ffffff 50%); } .register_icon_1{ width: 35px; height: 40px; } .register_btn{ padding-right: 10px; padding-left: 10px; color:#ffffff; background-color: rgba(102, 102, 102, 1.0); border-radius: 12px; border:none; } .register_btn:hover{ background-color:rgba(250, 250, 250, 0.9); color: rgba(0, 0, 0, 0.8); border: 1px solid rgba(102, 102, 102, 0.6) } #register_td{ font-family: beIN Normal ; padding-top: 5px; } #auction_reg_tb{ font-family: beIN Normal ; margin-top: 5px; margin-bottom: 5px; border-top: 1px solid rgba(102, 102, 102, 0.4); } .auction_details_td_left_02{ font-family: beIN Normal ; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; } .auction_details_td_01{ font-family: beIN Normal ; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; } .auction_start_date{ font-family: beIN Normal ; border:none; background-color: inherit; } .week_day{ font-family: beIN Normal ; border:none; background-color: inherit; width: 45px; } .hijri_date{ font-family: beIN Normal ; border:none; background-color: inherit; } .auction_card_value_1{ padding-right:10px; padding-left:10px; border-radius: 10px; color: #000000; background-color: rgba(102, 102, 102, 0.2); } .auction_card_value_2{ padding-right:10px; padding-left:10px; border-radius: 20px; color: #000000; background-color: rgba(102, 102, 102, 0.2); } .clockdiv { font-family: sans-serif; color: #fff; display: inline-block; font-weight: 100; text-align: center; font-size: 12px; border-radius: 5px; } .clockdiv > div { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; // border-radius: 3px; background: #CA3E4A; display: inline-block; } .clockdiv div > span { border-radius: 3px; } .top-right { position: absolute; top: 8px; right: 16px; display: inline-block; font-weight: 100; text-align: center; font-size: 12px; background-color: rgba(102, 102, 102, 1.0); border-radius: 5px; border:none; padding-right: 5px; padding-left: 5px; } .top-right > div { display: inline-block; } .auction_timer_time{ margin-right: 10px; margin-left: 10px; } .auction_img_coutainer{ position: relative; text-align: center; color: white; } .auction_status_lb{ font-family: beIN Normal ; padding-right: 10px; padding-left: 10px; color:#ffffff; border-radius: 20px; border:none; } .current_auctions_notebook_page{ font-family: beIN Normal ; display:none; overflow: hidden; } .comming_auctions_notebook_page{ font-family: beIN Normal ; display:none; overflow: hidden; } .auction_card_details_tr{ background-color: #ffffff; } #about_us_div{ margin-top: 40px; margin-bottom: 40px; } #our_service_div{ margin-bottom: 40px; } #counters_div{ margin-top: 40px; margin-bottom: 40px; } #vission_mission_div{ margin-bottom: 60px; } #blogger_div{ margin-bottom: 60px; width: 100%; } .slider-container{ // background-color: rgba(102, 102, 102, 0.2); border: 1px solid rgba(102, 102, 102, 1.0); color: #ffffff; font-family: beIN Normal; border-radius: 2px 30px; } .items_td{ font-family: beIN Normal; // color: #ffffff; font-size: 22px; border-radius: 2px 30px; // background-color: rgba(102, 102, 102, 1.0); padding-right: 20px; padding-left: 20px; } .blog_img{ width: 100%; border-radius: 10px; } .blog_bg_01{ width: 96%; border-radius: 10px; background: linear-gradient(180deg, #ffffff 50%, rgba(202, 62, 74, 0.17) 50%); } .blog_bg_02{ width: 96%; border-radius: 10px; background: linear-gradient(180deg, #ffffff 50%, rgb(230, 239, 242) 50%); } .blog_bg_03{ width: 96%; border-radius: 10px; background: linear-gradient(180deg, #ffffff 50%, rgb(248, 241, 228) 50%); } .blog_img_01{ width: 90%; margin-bottom: 10px; border-radius: 10px; } .blog_img_02{ width: 90%; margin-bottom: 10px; border-radius: 10px; } .blog_img_03{ width: 90%; margin-bottom: 10px; border-radius: 10px; } .blog_title_txt{ text-align:right; color:#303744; font-size:22px; font-family:beIN Black; font-weight:400; line-height:40px; word-wrap:break-word; } .blog_intro_txt{ width:100%; text-align:right; color:#575757; font-size:22px; font-family:beIN Normal; font-weight:400; line-height:32px; word-wrap:break-word; } #last_3_blogs{ margin-top: 20px; } .side_header_02{ color: #CA3E4A; font-family: beIN Black; font-weight: 400; text-transform: uppercase; line-height: 21px; word-wrap:break-word; } .auction_num_area{ margin-right: 3px; margin-left: 3px; padding-right: 3px; padding-left: 3px; line-height: 10px; color: #a6a6a6; } .top_txt_01{ color:white; // font-size: 20px; font-family: beIN Black; font-weight: 200; line-height: 55px; word-wrap: break-word; margin-top:50px; margin-bottom:250px; } .top_txt_02{ text-align:right; color:white; // font-size: 22px; font-family: beIN Black; // font-weight: 200; // line-height: 55px; // word-wrap: break-word; // margin-top:50px; } .hp_auctions_notebook_btn_01{ border: none; background-color: rgb(179, 45, 0); color: #ffffff; border-radius: 20px; }