@import url('https://fonts.googleapis.com/css?family=PT+Sans');
    body { color: 14223b;text-shadow: 1px 0px #868692; font-family: 'PT Sans', sans-serif; }

    .mobile_visible .header .logo { float: left; width: auto; }
    .endsToday { text-align: center; font-size: 17px; background-color: #ffffff }

    /*content boxes*/
        .wrapper-small_boxed { border-left: none; border-right: none;}
        .tableWrapper .wrapper-small_boxed_padded { width: 1000px; }
        .desktop_visible .offer-headline .tableWrapper .contentBoxes p { margin-bottom: 15px; }
        .padded { margin: 0 auto; width: 550px; }
        .tableWrapper .contentBoxes.none { padding: 15px 15px !important; }


    /*banner Contents*/
        .desktop_visible .banner_lineOne { font-size: 24px; font-weight: bold; color: #ffffff; display: block; margin-top: 15px; margin-bottom: 15px;}
        .desktop_visible .banner_lineTwo { font-size: 36px; font-weight: bold; color: #323233; display: block;  margin-bottom: 15px;}
        .desktop_visible .banner_lineThree { font-size: 48px; font-weight: bold; color: #323233; display: block; margin-bottom: 15px;}
        .container-ends { position: absolute; display: block; z-index: 10; top: 400px; left: 67%; }
        .banner_ends { font-size: 25px; }

        .mobile_visible .banner_lineOne { font-size: 28px; font-weight: bold; color: #ffffff; display: block; margin-top: 10px; }
        .mobile_visible .banner_lineTwo { font-size: 36px; font-weight: bold; color: #323232;}
        .mobile_visible .banner_lineThree { font-size: 48px; font-weight: bold; color: #323232; } 
        .mobile_visible .banner_ends { display: block; margin: 0 auto; font-size: 20px; }


    /*pricing*/
        .desktop_visible .rrp_price_box { font-size: 20px;  color: #746f77; display: block; text-align: center;}
        .desktop_visible .offer_price_box { font-size: 30px; font-weight: bold; color: #333233; margin: 0 auto;}
        .desktop_visible .cheaper_price_box { font-size: 20px; text-align: center; display: block; color: #746f77;}

        .desktop_visible .rrp_price_box_2 { position: relative; display: block; text-align: center; font-size: 20px; color: #746f77; }
        .desktop_visible .offer_price_box_2 {font-size: 30px; font-weight: bold; color: #333233;}
        .desktop_visible .cheaper_price_box { font-size: 20px; color: #746f77; }

        .mobile_visible .rrp_price_box { font-size: 20px;  color: #746f77; display: block; text-align: center;}
        .mobile_visible .offer_price_box { font-size: 30px; font-weight: bold; color: #333233; margin: 0 auto;}
        .mobile_visible .cheaper_price_box { font-size: 20px; text-align: center; color: #746f77; display: block;}

    /*button*/   
        .mobile_visible .buttonWrapper .button { width: 80%; font-size: 15px;}
        body.dark_blue .button { background-color: #e40080; }
        body.dark_blue .button:hover { background-color: #e40080; }
        .buttonWrapper .button span { position: relative; top: 2px; }

    /*2ndcontent*/
        .tableWrapper .contentBoxes { padding: 20px 100px; }
        
    /*blue arrow*/
        img.aligncenter{ width: 50px; margin: 0 auto; display: none; }
        .arrow-down {position: absolute; width: 0; height: 0; border-left: 30px solid transparent;  border-right: 30px solid transparent; border-top: 30px solid #14223c;  display: none;  position: absolute;  z-index: 10; left: 50%; }
        .container-arrow-down { position: relative; width: 95%; top: -14px; display: none;}
    /*check list */


        li:before { color: #323233; }
        .fa-check::before { margin-right: 10px; }
        ul { line-height: 20px; }
        .tableWrapper .contentBoxes ul li:before { display: none; }
        body.google_fonts_second .tableWrapper .contentBoxes li { font-size: 14px; }

        .desktop_visible .check-list { position: absolute; width: 350px;  display: block; z-index: 10; top: 250px; left: 67%; background: #f5f5f5; padding: 20px 35px; }
        .desktop_visible .container-check-list { position: relative; background: #f5f5f5; }    

        .mobile_visible .check-list { background: #f5f5f5; padding: 20px 20px;}
        .mobile_visible .container-check-list {  background: #ffffff ; padding: 10px 5px !important;}
        .mobile_visible ul { background: #f5f5f5; }

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

        .container-ends { top: 347px; left: 70%; }
        .banner_ends { font-size: 17px; }

        .buttonWrapper .button { height: 45px; line-height: 45px;}
        .buttonWrapper { padding: 0px; }
        .desktop_visible .check-list { left: 58%; top: 200px; }
        .desktop_visible .banner_lineTwo { font-size: 30px; font-weight: bold; color: #323233; display: block;  margin-bottom: 15px;}

        .desktop_visible .rrp_price_box { font-size: 17px; }
        .desktop_visible .offer_price_box { font-size: 27px; }
        .desktop_visible .cheaper_price_box { font-size: 17px;  }
    
     }


    @media screen and (max-width: 768px) {
        .contentWidth_2 { width: 100%; } 
        .mobile_visible .banner_lineOne { margin: 15px 0px; }
        .mobile_visible .buttonWrapper .button { width: 50%;}
        .header .logo { float: left; width: auto; }


    @media screen and (max-width: 414px) { 
       
        .mobile_visible .banner_lineOne { font-size: 20px; font-weight: bold; color: #ffffff; display: block; margin-top: 10px; margin-bottom: 10px; }
        .mobile_visible .banner_lineTwo { font-size: 35px; font-weight: bold; color: #323233;}
        .mobile_visible .banner_lineThree { font-size: 35px; font-weight: bold; color: #323233; } 

        .container-check-list ul { padding: 15px 5px !important; }
        .tableWrapper .contentBoxes ul { margin: 0px; }
        .tableWrapper .contentBoxes ul li { line-height: 15px; }
        .mobile_visible .buttonWrapper .button { width: 90%; }


     }

    @media screen and (max-width: 320px) {  

        .mobile_visible .buttonWrapper .button { width: 90%; font-size: 14px;}
        .mobile_visible .banner_lineOne { font-size: 15px; font-weight: bold; display: block; margin-top: 10px;  margin-bottom: 10px; }
        .mobile_visible .banner_lineTwo { font-size: 25px; font-weight: bold;  display: block; margin-bottom: 10px;}
        .mobile_visible .banner_lineThree { font-size: 20px; font-weight: bold; display: block; margin-bottom: 10px;} 

        .mobile_visible .rrp_price_box { font-size: 15px;  color: #746f77; display: block; text-align: center;}
        .mobile_visible .offer_price_box { font-size: 20px; font-weight: bold; color: #333233; margin: 0 auto;}
        .mobile_visible .cheaper_price_box { font-size: 15px; text-align: center; color: #746f77; display: block;}

    }