/* Media Queries */
@media only screen and (min-width : 1551px) {
    .pg3_insidepage{
        margin-top: -16px;
    }
}
@media only screen and (max-width : 1551px) {
    .pg3_insidepage{
        margin-top: 16px;
    }
}
@media only screen and (min-width : 1401px) {

    #container {
        position: relative;
        z-index: 0;
        margin: 0 auto;
    }
    #container,
    #container > header {
        width: 1400px;
    }
    #navigation {
        width: 223px;
    }
    #content:not(.full_width_no_left_nav) #devices_container,
    #content:not(.full_width_no_left_nav) #devices_content_bar {
        width: 1158px;
    }
    #dir_content_bar {
        width: 100%;
    }
    #devices_content_bar_shared_with_me_detail {
        position: fixed;
        top: 101px;
        z-index: 2;
        width: 1145px;
        background: #FFF;
    }
    #dir_content_bar_modified,
    .device_content_modified {
        width: 15%;
    }
    #dir_content_bar_modified {
        position: relative;
        right: -9px;
    }
    .item.audio_item .device_content_size {
        position: relative;
        left: 15px;
        padding-left: 0;
    }
    .content_container {
        margin: 0 10px 0 244px;
    }
    .actionBar {
        width: 907px;
        margin: 0 0 0 481px;
        padding: 12px 20px 0 0;
    }
    #toast_msg {
        position: fixed;
        top: 65px;
        left: 49.5%;
        -webkit-transform: translate3d(-50%, -50%,0);
        transform: translate3d(-50%, -50%,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .audio_item .device_content_name {
        position: relative;
        left: 1px;
    }
    #multi_file_progress_box {
        left: auto;
        width: calc(1400px - 263px);
        margin: 0 0 0 9px;
    }
    #dir_content_bar_modified {
        right: 67px;
    }
    #dir_content_bar_name_shared_with_me_detail_modified,
    #public_links_label_modified,
    #private_links_label_modified {
        padding-left: 2%;
    }
    #sharedwithme_label_modified {
        padding-left: 4%;
    }
    #file_link_public_links_label_modified,
    #file_link_private_links_label_modified {
        float: right;
        padding-right: 11%;
    }
    .icon_display {
        width: 5%;
    }

    .chrome #dir_content_bar_size {
        padding-left: 25px;
    }
    .chrome #dir_content_bar_modified {
        right: 43px;
    }
    .ie #dir_content_bar_size,
    .ie11 #dir_content_bar_size {
        position: relative;
        left: -4px;
        padding-left: 0;
    }
    .gecko #dir_content_bar_modified {
        right: 49px;
    }

    html.ru_ru #dir_content_bar_name {
        width: 24% !important;
    }
    html.ru_ru #dir_content_bar_modified,
    html.ru_ru .device_content_modified {
        width: 20% !important;
    }
    html.ru_ru #dir_content_bar_size {
        padding-left: 455px !important;
    }
    html.ru_ru #dir_content_bar_modified {
        right: 2px !important;
    }
}
@media only screen and (max-width : 1399px) {
    .full_width_no_left_nav #devices_container,
    .full_width_no_left_nav #devices_content_bar {
        width: 100%;
        right: 0;
    }
    #devices_content_bar_shared_with_me_detail {
        position: fixed;
        top: 101px;
        z-index: 2;
        width: 100%;
        background: #FFF;
    }
    #dir_content_bar_name {
        left: 3.1%;
    }
    #dir_content_bar_modified {
        position: relative;
        left: 1.4%;
        padding-left: 0;
    }
    .gecko #dir_content_bar_modified {
        left: .4%;
    }
    #dir_content_bar_size {
        right: -3.5%;
        padding: 0;
    }
    .gecko #dir_content_bar_size {
        left: -6.5%;
    }
    #dir_content_bar_name_shared_with_me_detail_size,
    #dir_content_bar_name_shared_with_me_detail_modified,
    #public_links_label_modified,
    #private_links_label_modified{
        padding-left: 2.5%;
    }

    #file_link_public_links_label_modified,
    #file_link_private_links_label_modified{
        float: right;
        padding-right: 9.5%;
    }
    #sharedwithme_label_modified{
        padding-left: 4%;
    }
    .pg3_insidepage{
        margin-top: 16px;
    }
    #file_browser_container{
        margin-left: 25px;
    }
}
@media only screen and (max-width : 1308px) {
    .gecko #dir_content_bar_size {
        left: -8%;
    }
    #dir_content_bar_name_shared_with_me_detail_size {
        padding-left: 2.5%;
    }
    #dir_content_bar_name_shared_with_me_detail_modified,
    #public_links_label_modified,
    #private_links_label_modified{
        padding-left: 2.3%;
    }
    #file_link_public_links_label_modified,
    #file_link_private_links_label_modified{
        float: right;
        padding-right: 8%;
    }
    #sharedwithme_label_modified{
        padding-left: 4%;
    }
    .pg3_insidepage{
        margin-top: 16px;
    }
    #file_browser_container{
        margin-left: 25px;
    }
}
@media only screen and (max-width : 1280px) {
    #navigation {
        width: 223px;
    }
    .content_container {
        margin-left: 223px;
    }
    #devices_container {
        width: calc(100% - 223px);
    }
    #dir_content_bar_modified,
    .device_content_modified {
        width: 16.4%;
    }
    #sharedwithme_label_modified{
        padding-left: 4%;
    }
    .pg3_insidepage{
        margin-top: 16px;
    }
    #file_browser_container{
        margin-left: 25px;
    }
}
@media only screen and (max-width : 962px) {
    #multi_file_progress_box {
        left: 0;
        width: 100%;
        margin: 0;
    }
    .pg3_insidepage{
        margin-top: 16px;
    }
}
@media only screen and (min-height : 956px) {
    #device_content,
    #shared_with_me_content,
    #privatelink_detail_content,
    #publiclink_detail_content,
    #sharedwithme_detail_content {
        max-height: initial;
        overflow: inherit;
    }
}
@media only screen and (max-width : 930px) {
    #dir_content_bar_modified,
    .device_content_modified,
    .device_content_link,
    #dir_content_bar_size,
    .device_content_size,
    #dir_content_bar > span:not(#dir_content_bar_name),
    #shared_with_me_article #sharedwithme_label_modified,
    .item > span:not(.item_icon_cont):not(.device_content_name):not(.public_links_content_name):not(.shared_folders_content_name):not(.private_links_content_name):not(.shared_with_me_content_name),
    #content_privacy_center .icn_shared_file,
    #content_privacy_center .count_of_people,
    #dir_content_bar_name_shared_with_me_detail_size,
    #dir_content_bar_name_shared_with_me_detail_modified,
    #public_links_label_modified,
    #file_link_public_links_label_modified,
    #file_link_private_links_label_modified,
    #private_links_label_modified,
    .privacy_container ul > li > div.icon_display {
        display: none;
    }
    #dir_content_bar_name,
    .device_content_name,
    .shared_with_me_content_name{
        width: 95%;
    }
    .pg3_insidepage{
        margin-top: 16px;
    }
}
@media only screen and (max-width : 700px) {
    body {
        overflow: visible;
    }
    #container {
        position: relative;
        z-index: 0;
        margin: 0;
        overflow: visible;
    }
    #container,
    #container > header {
        overflow: visible;
    }

    #dropdown_email {
        display: none !important;
    }
    .dropdown_action_btn span.icon-user:before {
        position: relative;
        left: -115%;
        font-size: 12px;
        color: #FFF;
    }
    .dropdown_action_btn:hover span,
    .dropdown_action_btn.open span {
        text-decoration: none;
    }
    #user_dropdown {
        left: auto;
        right: -19px;
    }
    #user_info .icon-user:before {
        display: block;
    }
}
@media only screen and (max-width : 720px) {
    body {
        overflow: visible;
    }
    #container {
        position: relative;
        z-index: 0;
        margin: 0;
    }
    #container,
    #container > header {
        overflow: visible;
    }

    #dropdown_email {
        display: none !important;
    }
    .dropdown_action_btn span.icon-user:before {
        position: relative;
        left: -147%;
        font-size: 12px;
        color: #FFF;
    }
    .dropdown_action_btn:hover span,
    .dropdown_action_btn.open span {
        text-decoration: none;
    }
    #user_dropdown {
        left: auto;
        right: -19px;
    }
}

@media screen and (min-width: 768px) {
    /* 5 columns for larger screens */
    .grid-sizer {
        width: 20%;
    }
}

/* Smartphones (portrait and landscape) */
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}
*/

/* Smartphones (landscape) */
/*
@media only screen and (min-width : 321px) {

}
*/

/* Smartphones (portrait) */
/*
@media only screen and (max-width : 320px) {

}
*/

/* iPads (portrait and landscape) */
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}
*/

/* iPads (landscape) */
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}
*/

/* iPads (portrait) */
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}
*/
/* iPad 3 */
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

}
*/

/* Desktops and laptops */
/*
@media only screen  and (min-width : 1224px) {

}
*/

/* Large screens */
/*
@media only screen  and (min-width : 1824px) {

}
*/

/* iPhone 4 */
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

}
*/

/* iPhone 5 */
/*
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

}
*/

/* iPhone 6 */
/*
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

}
*/

/* iPhone 6+ */
/*
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

}
*/

/* Samsung Galaxy S3 */
/*
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

}
*/

/* Samsung Galaxy S4 */
/*
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){

}
*/

/* Samsung Galaxy S5 */
/*
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){

}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){

}
*/