.container {
    display: grid;
    width: 1024px;
    margin: 0 auto;
    grid-gap: 20px;
    grid-template-columns: 1fr 3fr;
}

.main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(3, auto);
    grid-gap: 20px;
    position: absolute;
    left: 400px;
}

.sidebar {
    height: auto;
    margin: auto;
    top: 260px;
    width: 20.75%;
    text-align: center;
    background-color: #AA78AE;
    padding-top: 10px;
    position: absolute;
    left: 85px;
}

.sidebar_contents{
}

.Filter_Results_Style{
    color:#FFFFFF;
    border-bottom-color: #000000;
    border-bottom-style:solid;
    padding-bottom: 10px;
    font-size: 20px;
}

.Brand_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.RAM_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.Storage_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.Battery_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.Rear_Camera_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.Selfie_Camera_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.Screen_Size_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.Screen_Resolution_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.Resolution_Type_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.CPU_Manufacturer_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.GPU_Manufacturer_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.CPU_Cores_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.CPU_Clock_Speed{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.Operating_System_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.Android_Version_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.Price_Range_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.IP_Rating_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.Launched_Within_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.Customer_Rating_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.star_style{
    font-size:16px;
}

.Features_Style{
    cursor:default;
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    font-size:16px;
}

.sidebar_contents {
    background-color: #AA78AE;
}

.check_box_container_class_brands {
    border: 1px solid #b69eb8;
    position: relative;
    background-color: #e9ecf4;
    left: 8px;
    width: 260px;
    height: 150px;
    font-size: 14px;
    font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
    font-weight: 500;
    color: #290c0c;
    overflow-y: scroll;
    margin-top: -15px;
}

.check_box_container_class_ram {
    border: 1px solid #b69eb8;
    position: relative;
    background-color: #e9ecf4;
    left: 8px;
    width: 260px;
    height: 100px;
    font-size: 14px;
    font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
    font-weight: 500;
    color: #290c0c;
    overflow-y: scroll;
    margin-top: -15px;
}

.check_box_container_class_os {
    border: 1px solid #b69eb8;
    position: relative;
    background-color: #e9ecf4;
    left: 8px;
    width: 260px;
    height: 100px;
    font-size: 14px;
    font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
    font-weight: 500;
    color: #290c0c;
    overflow-y: scroll;
    margin-top: -15px;
}

.row-cb {
    width: 285px;
    margin: auto;
}

.row-cb label {
    float: left;
    margin-top:9px;
}

.row-cb span {
    float: left;
    text-align: left;
}

.clear-both {
    clear: both
}

.clear_button_css {
    position: relative;
    top: -20px;
    left: 215px;
    width: 20%;
    opacity: 0.6;
    transition: 0.3s;
}

.clear_button_css:hover {
    opacity: 1;
}

.Submit_Button_Style{
    margin-bottom:8px;
    background-color:#F0F0F0;
    color:#000000;
    font-size:16px;
    font-weight:400;
}

@media (max-width: 480px){
    .container {
        display: grid;
        width: 480px;
        margin: 0 auto;
        grid-gap: 10px;
        grid-template-columns: 1fr 3fr;
    }
    
    .main {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: repeat(3, auto);
        grid-gap: 10px;
        position: absolute;
        left: 10px;
    }
    
    .sidebar {
        height: auto;
        margin: auto;
        top:100px;
        width: 50%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }
    
    .sidebar_contents{
    }
    
    .Filter_Results_Style {
        color:#FFFFFF;
        border-bottom-color: #000000;
        border-bottom-style:solid;
        padding-bottom: 10px;
        font-size: 18px;
    }
    
    .Brand_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }

    .RAM_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
      
    .Storage_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Battery_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Rear_Camera_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Selfie_Camera_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    } 
    
    .Screen_Size_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    } 
    
    .Screen_Resolution_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    } 
    
    .Resolution_Type_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .CPU_Manufacturer_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .GPU_Manufacturer_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .CPU_Cores_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .CPU_Clock_Speed {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Operating_System_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Android_Version_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Price_Range_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .IP_Rating_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Launched_Within_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Customer_Rating_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Features_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .star_style{
        font-size:8px;
    }
    
    .sidebar_contents {
        background-color: #AA78AE;
    }
    
    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 170px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_ram {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 170px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_os {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 170px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .row-cb {
        width: 285px;
        /* margin: auto; */
    }
    
    .row-cb label {
        float: left;
        margin-top:20px;
    }
    
    .row-cb span {
        float: left;
        text-align: left;
    }
    
    .clear-both {
        clear: both
    }
    
    .clear_button_css {
        position: relative;
        top: -16px;
        left: 132px;
        width: 20%;
        opacity: 0.6;
        transition: 0.3s;
    }
    
    .clear_button_css:hover {
        opacity: 1;
    }
    
    .Submit_Button_Style{
        margin-bottom:8px;
        background-color:#F0F0F0;
        color:#000000;
        font-size:14px;
        font-weight:400;
    }
}

@media screen and (min-width:810px) and (max-width:830px){
    .container {
        display: grid;
        width: 480px;
        margin: 0 auto;
        grid-gap: 10px;
        grid-template-columns: 1fr 3fr;
    }
    
    .main {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: repeat(3, auto);
        grid-gap: 10px;
        position: absolute;
        left: 10px;
    }
    
    .sidebar {
        height: auto;
        margin: auto;
        top:80px;
        width: 7%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
        margin-top:30px;
    }
    
    .sidebar_contents{
    }
    
    .Filter_Results_Style {
        color:#FFFFFF;
        border-bottom-color: #000000;
        border-bottom-style:solid;
        padding-bottom: 10px;
        font-size: 18px;
    }
    
    .Brand_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }

    .RAM_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
      
    .Storage_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Battery_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Rear_Camera_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Selfie_Camera_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    } 
    
    .Screen_Size_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    } 
    
    .Screen_Resolution_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    } 
    
    .Resolution_Type_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .CPU_Manufacturer_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .GPU_Manufacturer_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .CPU_Cores_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .CPU_Clock_Speed {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Operating_System_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Android_Version_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Price_Range_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .IP_Rating_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Launched_Within_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Customer_Rating_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Features_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .star_style{
        font-size:8px;
    }
    
    .sidebar_contents {
        background-color: #AA78AE;
    }
    
    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 183px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_ram {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 183px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_os {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 183px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .row-cb {
        width: 285px;
        /* margin: auto; */
    }
    
    .row-cb label {
        float: left;
        margin-top:20px;
    }
    
    .row-cb span {
        float: left;
        text-align: left;
    }
    
    .clear-both {
        clear: both
    }
    
    .clear_button_css {
        position: relative;
        top: -16px;
        left: 132px;
        width: 20%;
        opacity: 0.6;
        transition: 0.3s;
    }
    
    .clear_button_css:hover {
        opacity: 1;
    }
    
    .Submit_Button_Style{
        margin-bottom:8px;
        background-color:#F0F0F0;
        color:#000000;
        font-size:14px;
        font-weight:400;
    }
}

@media screen and (min-width:576px) and (max-width:992px){
    .container {
        display: grid;
        width: 480px;
        margin: 0 auto;
        grid-gap: 10px;
        grid-template-columns: 1fr 3fr;
    }
    
    .main {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: repeat(3, auto);
        grid-gap: 10px;
        position: absolute;
        left: 10px;
    }
    
    .sidebar {
        height: auto;
        margin: auto;
        top:20px;
        width: 25%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 100px;
        position: absolute;
        left: 15px;
        margin-top: 1px;
    }
    
    .sidebar_contents{
    }
    
    .Filter_Results_Style {
        color:#FFFFFF;
        border-bottom-color: #000000;
        border-bottom-style:solid;
        padding-bottom: 10px;
        font-size: 18px;
    }
    
    .Brand_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }

    .RAM_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
      
    .Storage_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Battery_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Rear_Camera_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Selfie_Camera_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    } 
    
    .Screen_Size_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    } 
    
    .Screen_Resolution_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    } 
    
    .Resolution_Type_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .CPU_Manufacturer_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .GPU_Manufacturer_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .CPU_Cores_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .CPU_Clock_Speed {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Operating_System_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Android_Version_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Price_Range_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .IP_Rating_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Launched_Within_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Customer_Rating_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Features_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .star_style{
        font-size:8px;
    }
    
    .sidebar_contents {
        background-color: #AA78AE;
    }
    
    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 173px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_ram {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 173px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_os {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 173px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .row-cb {
        width: 285px;
    }
    
    .row-cb label {
        float: left;
        margin-top:20px;
    }
    
    .row-cb span {
        float: left;
        text-align: left;
    }
    
    .clear-both {
        clear: both
    }
    
    .clear_button_css {
        position: relative;
        top: -16px;
        left: 132px;
        width: 20%;
        opacity: 0.6;
        transition: 0.3s;
    }
    
    .clear_button_css:hover {
        opacity: 1;
    }
    
    .Submit_Button_Style{
        margin-bottom:8px;
        background-color:#F0F0F0;
        color:#000000;
        font-size:14px;
        font-weight:400;
    }
}

@media screen and (min-width:1100px) and (max-width:1150px){
    .container {
        display: grid;
        width: 480px;
        margin: 0 auto;
        grid-gap: 10px;
        grid-template-columns: 1fr 3fr;
    }
    
    .main {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: repeat(3, auto);
        grid-gap: 10px;
        position: absolute;
        left: 10px;
    }
    
    .sidebar {
        height: auto;
        margin: auto;
        top:220px;
        width: 19%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }
    
    .sidebar_contents{
    }
    
    .Filter_Results_Style {
        color:#FFFFFF;
        border-bottom-color: #000000;
        border-bottom-style:solid;
        padding-bottom: 10px;
        font-size: 18px;
    }
    
    .Brand_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }

    .RAM_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
      
    .Storage_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Battery_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Rear_Camera_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Selfie_Camera_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    } 
    
    .Screen_Size_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    } 
    
    .Screen_Resolution_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    } 
    
    .Resolution_Type_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .CPU_Manufacturer_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .GPU_Manufacturer_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .CPU_Cores_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .CPU_Clock_Speed {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Operating_System_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Android_Version_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Price_Range_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .IP_Rating_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Launched_Within_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Customer_Rating_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .Features_Style {
        cursor:default;
        float:left;
        margin-left:5px;
        color:#FFFFFF;
        font-size:12px;
    }
    
    .star_style{
        font-size:8px;
    }
    
    .sidebar_contents {
        background-color: #AA78AE;
    }
    
    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 183px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_ram {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 183px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_os {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 183px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .row-cb {
        width: 285px;
    }
    
    .row-cb label {
        float: left;
        margin-top:20px;
    }
    
    .row-cb span {
        float: left;
        text-align: left;
    }
    
    .clear-both {
        clear: both
    }
    
    .clear_button_css {
        position: relative;
        top: -16px;
        left: 132px;
        width: 20%;
        opacity: 0.6;
        transition: 0.3s;
    }
    
    .clear_button_css:hover {
        opacity: 1;
    }
    
    .Submit_Button_Style{
        margin-bottom:8px;
        background-color:#F0F0F0;
        color:#000000;
        font-size:14px;
        font-weight:400;
    }
}

@media screen and (min-width:1200px) and (max-width: 1280px){
    .sidebar {
        height: auto;
        margin: auto;
        top:220px;
        width: 19%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 50px;
    }

    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 233px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_ram {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 233px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_os {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 233px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }

    .clear_button_css {
        position: relative;
        top: -16px;
        left: 192px;
        width: 20%;
        opacity: 0.6;
        transition: 0.3s;
    }
}

@media screen and (min-width:1400px){
    .sidebar {
        height: auto;
        margin: auto;
        top:220px;
        width: 17%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 130px;
    }

    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 233px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_ram {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 233px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_os {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 233px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }

    .clear_button_css {
        position: relative;
        top: -16px;
        left: 192px;
        width: 20%;
        opacity: 0.6;
        transition: 0.3s;
    }
}

@media screen and (min-width:1700px){
    .sidebar {
        height: auto;
        margin: auto;
        top:220px;
        width: 15%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 270px;
    }

    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 233px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_ram {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 233px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_os {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 233px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }

    .clear_button_css {
        position: relative;
        top: -16px;
        left: 192px;
        width: 20%;
        opacity: 0.6;
        transition: 0.3s;
    }
}

@media screen and (min-width:2000px){
    .sidebar {
        height: auto;
        margin: auto;
        top:220px;
        width: 15%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 440px;
    }

    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 290px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_ram {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 290px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_os {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 290px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }

    .clear_button_css {
        position: relative;
        top: -16px;
        left: 242px;
        width: 20%;
        opacity: 0.6;
        transition: 0.3s;
    }
}

@media (min-width: 798px) and (max-width: 801px){
    .sidebar {
        height: auto;
        margin: auto;
        top:300px;
        width: 24%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 25px;
    }

    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 180px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_ram {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 180px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
    
    .check_box_container_class_os {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 180px;
        height: 100px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }

    .clear_button_css {
        position: relative;
        top: -16px;
        left: 140px;
        width: 20%;
        opacity: 0.6;
        transition: 0.3s;
    }
}

@media (min-width: 775px) and (max-width: 785px){
    .sidebar {
        height: auto;
        margin: auto;
        top:300px;
        width: 24.5%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 25px;
    }

    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 183px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
}

@media (min-width: 850px) and (max-width: 855px){
    .sidebar {
        height: auto;
        margin: auto;
        top:250px;
        width: 17%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 25px;
    }

    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 183px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
}

@media (min-width: 910px) and (max-width: 920px){
    .sidebar {
        height: auto;
        margin: auto;
        top:250px;
        width: 17%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 25px;
    }

    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 183px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
}

@media (min-width: 770px) and (max-width: 775px){
    .sidebar {
        height: auto;
        margin: auto;
        top:300px;
        width: 25%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 25px;
    }

    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 183px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
}

@media (min-width: 810px) and (max-width: 820px){
    .sidebar {
        height: auto;
        margin: auto;
        top:200px;
        width: 25%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 25px;
    }

    .check_box_container_class_brands {
        border: 1px solid #b69eb8;
        position: relative;
        background-color: #e9ecf4;
        left: 5px;
        width: 183px;
        height: 200px;
        font-size: 12px;
        font-family: sans-serif, "Helvetica Neue", "Lucida Grande", Arial;
        font-weight: 500;
        color: #290c0c;
        overflow-y: scroll;
        margin-top: -15px;
    }
}

@media (max-width: 1180px){
    .sidebar {
        height: auto;
        margin: auto;
        top:350px;
        width: 40%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }

    #html-section-footer{
        margin-top:200px;
    }
}

@media (max-width: 1114px){
    .sidebar {
        height: auto;
        margin: auto;
        top:250px;
        width: 18%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }

    #html-section-footer{
        margin-top:200px;
    }
}

@media (max-width: 800px){
    .sidebar {
        height: auto;
        margin: auto;
        top:300px;
        width: 25%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }

    #html-section-footer{
        margin-top:200px;
    }
}

@media (max-width: 768px){
    .sidebar {
        height: auto;
        margin: auto;
        top:100px;
        width: 25%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }

    #html-section-footer{
        margin-top:200px;
    }
}


@media (max-width: 440px){
    .sidebar {
        height: auto;
        margin: auto;
        top:100px;
        width: 42%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }
}

@media (max-width: 430px){
    .sidebar {
        height: auto;
        margin: auto;
        top:100px;
        width: 44%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }
}

@media (max-width: 428px){
    .sidebar {
        height: auto;
        margin: auto;
        top:100px;
        width: 44%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }
}

@media (max-width: 414px){
    .sidebar {
        height: auto;
        margin: auto;
        top:100px;
        width: 45%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }
}

@media (max-width: 412px){
    .sidebar {
        height: auto;
        margin: auto;
        top:100px;
        width: 45%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }
}

@media (max-width: 393px){
    .sidebar {
        height: auto;
        margin: auto;
        top:100px;
        width: 48%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }
}

@media (max-width: 375px){
    .sidebar {
        height: auto;
        margin: auto;
        top:100px;
        width: 49%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }
}

@media (max-width: 360px){
    .sidebar {
        height: auto;
        margin: auto;
        top:100px;
        width: 52%;
        text-align: center;
        background-color: #AA78AE;
        padding-top: 2px;
        position: absolute;
        left: 15px;
    }
}