/*Hacks for lower Resolution Start*/

@media (min-width:264px) and (max-width:1000px)
{
        body
    {
        overflow:scroll;
    }
  .footer
    {
        position:relative;
        float:left;
    }
 .action_panel {
    bottom: 0;
    position: relative;
    top: 0;
    width: 97%;
}

  .main_header
    {
          float: left !important;
    max-height: 128px;
    min-height: 24.5%;
    position: relative !important;
    top: 0;
    width: 98%;
    border-bottom:2px solid #43687D;
    }

.header {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 60px;
    max-height: 60px;
    top: 0;
    width: 100%;
    position:relative;
}
    .language_selection
    {
        position:static;
    }
    .container
    {
        position:relative !important;
        float:left;
        min-height:300px;
      top:0;
    }

    #InvoiceGrid
    {
        height:288px !important;
    }
    .scroll-bar .vertical
    {
        height:288px;
    }
}


@media (min-width:264px) and (max-width:482px)
{
    
    #sectionfourdivmain {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: auto;
    min-height: 300px;
    overflow: hidden;
    max-height:841px;
}
    .viewport
    {
        height:288px !important;
        width:100% 1important;
    }
    

    /*Hack for Action Button inner data responsive Start*/
    .callbackicon
    {
        width:100%;
    }
    .call_left_panel
    {
        width:100%;
    }
    .calltimeouter
    {
        padding-left:25px;
    }
    .call_right_panel
    {
        float:left;
        padding-top:0;
        padding-left:25px;
        width:70%;
    }

    .call_left_panel2
    {
        width:85%;
    }
    .call_right_panel2
    {
        float:left;
        width:85%;
        padding-left:20px;
    }
     /*Hack for Action Button inner data responsive Start*/


    
}

@media (min-width:483px) and (max-width:1000px)
{
     .main_wrapper
    {
        overflow:hidden;
    }
 
    #sectionfourdivmain {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: auto;
    min-height: 300px;
    overflow: hidden;
    max-height:754px;
}
    .viewport
    {
        height:288px !important;
    }
   
    .call_left_panel
    {
        width:100%;
    }
    .call_right_panel
    {
        float:left;
        padding-left:25px;
        width:90%;
    }
}
/*Hacks for lower Resolution End*/

@media (min-width:1000px) and (max-width:1200px)
{
    .sectionfour
    {
        padding:0;
    }
}
@media (min-width:1500px) and (max-width:9000px)
{
    .sectionfour
    {
        padding:0;
    }
    .bigbuttons
    {
        margin:99px 10px;
    }
}