/*@media (min-width:1280px)
{
    h1 {font-size:32px;}
	.arrow-image { margin-top:35px;}
	.container .main-graph {height:570px}   
}

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



}*/


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */
/*    @media only screen and (min-width:957px)
    {
        .container .main-graph{height:570px}
}

    @media only screen and (min-width: 768px) and (max-width: 959px) {
  */     

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

/*    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
		.container .main-graph{height:570px}

    /* Note: Design for a width of 320px */

/*        .container { width: 300px; }
        .container .main-graph{height:300px}
		.head-box {width: 300px!important;}
       
    }*/

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

   /* @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .main-graph{height:360px}
        .b1 .bx2cnt {margin-left:0!important}

        .head-box {width: 420px!important;}
    }
     @media only screen and (max-width: 479px)
     {
         .b1 .bx2cnt {margin-left:0!important}
         .container .main-graph{height:250px}
         }*/




@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* .container { width: 768px; margin:0 auto!important;}
      .container .main-graph { height: 450px!important;}*/
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container { width: 480px;margin:0 auto!important; }
    .container .main-graph { height: 420px!important;}
    .arrow-image{display: none!important;}
    .Screen3 .row.eight.columns{min-height:430px!important;background: red;}    
    #BetterOffContent {border-bottom: 1px solid chocolate;  margin: 10px 0;padding-bottom: 10px;}
    .right-line {border-right: none!important;}
    h1 {font-size:30px;line-height: 0px;}
    .share ul li {padding-bottom: 0;}
    #EmailDialog h4, #EmailDialog p:nth-child(1),#EmailDialog p:nth-child(4),#EmailDialog p:nth-child(3),
    .share{display: none;}
    #btnNo, #btnYes {width: 134px;}
    #hide-top{display: block;}
    .hide-bottom{display: none;}

}

@media only screen and (max-width: 479px) {
    .container { width: 320px;margin:0 auto!important; }
    .container .main-graph {  height: 270px!important;}
    .arrow-image{display: none!important;}
    #BetterOffContent {border-bottom: 1px solid chocolate; margin: 10px 0;padding-bottom: 10px;}
    .right-line {border-right: none!important;}
    h1 {font-size:24px;line-height: 0px; font-weight: bold;}
    .share ul li {padding-bottom: 0;}
     #EmailDialog h4, #EmailDialog p:nth-child(1),#EmailDialog p:nth-child(4),#EmailDialog p:nth-child(3),
    .share{display: none;}
     #btnNo, #btnYes {width: 108px;}
     #hide-top{display: block;}
    .hide-bottom{display: none;}
}