/*=============992============*/
@media screen and (min-width: 767px) {
    .left-side {
        top: 65px;
    }
    .video_play_wrap {
        width: 470px;
        height: 306px;
    }
    .video_list_wrap {
        padding-left: 470px;
    }
}
/*=============992============*/
@media screen and (min-width: 992px) {
    .left-side {
        top: 65px;
    }
    .video_play_wrap {
        width: 320px;
    height: 225px;
    }
    .video_list_wrap {
        padding-left: 320px;
    }
}

/*=============1200============*/
@media screen and (min-width: 1360px) {
    .spotlight_wraper .col-sm-6 .form-control {
        max-width: 50%;
    }
    .video_wraper iframe {
        width: 50%;
    }

    .video_play_wrap {
        width: 640px;
        height: 400px;
    }
    .video_list_wrap {
        padding-left: 640px;
    }
}

/*=============1200============*/
@media (min-width: 1200px) {
    .spotlight_wraper .col-sm-6 .form-control {
        max-width: 50%;
    }
    .video_wraper iframe {
        width: 50%;
    }
    .three_column_layout .video_wraper iframe {
        width: 100%;
    }

    .video_play_wrap {
        width: 470px;
        height: 306px;
    }
    .video_list_wrap {
        padding-left: 470px;
    }

}

/*=============1299============*/
@media screen and (max-width: 1360px) {
    .widget .value {
    font-size: 23px;
    }
}


/*=============1299============*/
@media screen and (max-width: 1299px) {
    .db_piechartwrap .visitor .chart {
    height: auto !important;
    min-height: 150px !important;
    }
    .db_piechartwrap .visitor .chart .legend {
        position: relative;
        margin: 150px 0 15px 15px;
        display: block;
        float: left;
    }
    .db_piechartwrap .visitor .legend > table {
        position: relative !important;
    }
    .db_piechartwrap .visitor .chart {
    margin: 3% auto!important;
    width: 160px !important;
    }
    .db_piechartwrap .grid {
    min-height: 380px;
    }
}



@media (max-width:1200px) {
    .adm_arc_cpn_listing col:nth-child(1) {
        width:auto;
    }
    .adm_arc_cpn_listing col:nth-child(2) {
        width:auto;
    }
    .adm_arc_cpn_listing col:nth-child(3) {
        width:auto;
    }
    .adm_arc_cpn_listing col:nth-child(4) {
        width:160px;
    }
    .adm_arc_cpn_listing col:nth-child(5) {
        width:90px;
    }
    .adm_arc_cpn_listing col:nth-child(6) {
        width:150px;
    }

    .adm_cpn_listing col:nth-child(1) {
        width:auto;
    }
    .adm_cpn_listing col:nth-child(2) {
        width:auto;
    }
    .adm_cpn_listing col:nth-child(3) {
        width:auto;
    }
    .adm_cpn_listing col:nth-child(4) {
        width:160px;
    }
    .adm_cpn_listing col:nth-child(5) {
        width:100px;
    }
    .adm_cpn_listing col:nth-child(6) {
        width:150px;
    }

    .ag_arch_cpn_listing col:nth-child(1) {
        width:auto;
    }
    .ag_arch_cpn_listing col:nth-child(2) {
        width:auto;
    }
    .ag_arch_cpn_listing col:nth-child(3) {
        width:150px;
    }
    .ag_arch_cpn_listing col:nth-child(4) {
        width:90px;
    }
    .ag_arch_cpn_listing col:nth-child(5) {
        width:170px;
    }

    .ag_cpn_listing col:nth-child(1) {
        width:auto;
    }
    .ag_cpn_listing col:nth-child(2) {
        width:auto;
    }
    .ag_cpn_listing col:nth-child(3) {
        width:auto;
    }
    .ag_cpn_listing col:nth-child(4) {
        width:120px;
    }
    .ag_cpn_listing col:nth-child(5) {
        width:100px;
    }
    .ag_cpn_listing col:nth-child(6) {
        width:140px;
    }

    .adv_arch_cpn_listing col:nth-child(1) {
        width:auto;
    }
    .adv_arch_cpn_listing col:nth-child(2) {
        width:200px;
    }
    .adv_arch_cpn_listing col:nth-child(3) {
        width:160px;
    }


    .adv_cpn_listing col:nth-child(1) {
        width:auto;
    }
    .adv_cpn_listing col:nth-child(2) {
        width:auto;
    }
    .adv_cpn_listing col:nth-child(3) {
        width:140px;
    }
    .adv_cpn_listing col:nth-child(4) {
        width:100px;
    }
    .adv_cpn_listing col:nth-child(5) {
        width:140px;
    }

    #pricing_add .block-gray {
    padding-bottom: 40px;
    }
    #pricing_add .block-gray .btn-block {
        right: inherit;
        top: inherit;
        left: 5px;
        bottom: 13px;
    }
    .dataTables_wrapper .table {
    min-width: 1200px !important;
    }
    .dataTables_wrapper {
    overflow-x: auto !important;
    }
    #review_order_table, #adv_spotlight_review .edit_details_wraper {
        overflow-x: auto;
    }
    #review_order_table .text-right {
        text-align: right;
    }
    .grid .grid-header, .modal-header.each_panel {
    padding: 10px 20px;
    }
    .grid-header i, .modal-header.each_panel i {
    padding-right: 5px;
    }
    .grid .grid-header span.grid-title {
    font-size: 14px;
    }
}

/*=============992============*/
@media (max-width: 992px) {
    .right-side > .content {
        padding: 15px;
    }
    .wrapper .left-side:before, .wrapper .left-side:after {
        margin-left: -250px;
    }
    .row-offcanvas-left.active .left-side:before, .row-offcanvas-left.active .left-side:after {
        margin-left: 0px;
    }
    .db_overview .col-lg-3 {
        width: 25%;
        float: left;
    }
    .db_piechartwrap .col-md-6 {
        width: 50%;
        float: left;
    }   
    .db_piechartwrap .footer .col-md-6 {
        width: 50%;
        float: left;
    }
    .db_piechartwrap .footer .col-md-4 {
        width: 33.33333333%;
        float: left;
    }
    .db_overview .widget .title {
    font-size: 14px;
    }
    .db_piechartwrap .col-md-4 {
        width: 33.33333333%;
        float: left;
    }
    .message_box {
        width: 50%;
        max-width: 50%;
        min-width: 50%;
    }
    .usermgmnt_tble_search .col-md-3 {
        width: 25%;
        float: left;
    }
    .wrapper:after, .wrapper:before {
        margin-left: -250px;
    }
    .headerlinkwrap {
        display: none;
    }
    .zipselect_wraper .col-md-12.col-lg-8, .zipselect_wraper .col-md-12.col-lg-4 {
    width:100%;
    }
    .widget .value {
    font-size: 25px;
    }
    #pricing_add .block-gray {
    padding-bottom: 10px;
    }
    #pricing_add .block-gray .btn-block {
    right: 10px;
    top: 15px;
    left: inherit;
    bottom: inherit;
    }
    .modal-content #accordion .row {
    width: 50%;
    float: left;
    margin: 0 0 15px 0;
    }
    .modal-content #accordion .row .text-right {
    text-align: left;
    }
    .modal-content #accordion .model_actions {
    clear: both;
    padding: 15px 15px 0 15px;
    text-align: right;
    border-top: #e5e5e5 1px solid;
    }
    .widget .value {
    font-size: 22px;
    }
    .db_overview .col-lg-3, .db_piechartwrap .col-md-4, .db_resultwrap .col-md-6 {
    padding: 0 7.5px;
    }
    .db_piechartwrap .col-md-4:first-child, .db_resultwrap .col-md-6:first-child {
    padding-left: 15px;
    }
    .db_piechartwrap .col-md-4:last-child, .db_resultwrap .col-md-6:last-child {
    padding-right: 15px;
    }
    .db_overview .grid, .db_piechartwrap .grid, .db_resultwrap .grid {
    margin-bottom: 14px;
    }
    .db_overview .col-lg-3 {
    width: 50%;
    }
    .db_overview .col-lg-3:nth-child(odd) {
        padding-left: 15px;
    }
    .db_overview .col-lg-3:nth-child(even) {
        padding-right: 15px;
    }
    .payment_final .res_wraper table.res_table {
    min-width: 800px;
    }

    .breadcrumb {
    padding: 8px 15px 8px 15px;
    }
    .right-side > .content {
        padding-top: 10px;
    }
}

@media (max-width: 991px) {
    .db_resultwrap .col-md-6 {
        width: 50%;
        float: left;
    }
}

@media screen and (max-width: 880px) {
    .headerlinkwrap {
    padding: 11px 15px;
    }
}

/*=============767============*/
@media (max-width: 767px) {
/*
    .text-right {
        text-align: left;
    }
*/
    #main_buttons.text-right {
        text-align: right;
    }
    .text-right.btn_wraper {
        text-align: right;
    }
    .video_play_wrap {
        width: 100%;
        height: auto;
        position: relative;
    }
    .video_list_wrap {
        padding-left: 0;
        margin-left: -15px;
        padding-top: 15px;
    }
    .db_overview .col-lg-3 {
        width: 50%;
        float: left;
    }
    .db_piechartwrap .col-md-4 {
        width: 100%;
        float: left;
    }
    .modal-footer.text-right {
        text-align: right;
    }
    .usermgmnt_tble_search .col-md-3 {
        width: 25%;
    }
    .md-modal .edit_details_wraper .full_width .form-control, .input.input-file {
        max-width: 100%;
    }
    .md-modal {
        width: 80%;
        max-width: 80%;
        min-width: 80%;
    }
    .profile_edit_deatils {
    padding-top: 0;
    }
    .zipselect_wraper .within_1 {
    width: 30%;
    margin-bottom: 5px;
    }
    .zipselect_wraper .within_2 {
        width: 70%;
        margin-bottom: 5px;
    }
    .zipselect_wraper .within_3 {
        width: 30%;
        text-align: left;
    }
    .zipselect_wraper .within_4 {
        width: 70%;
    }
    .db_overview .col-lg-3:nth-child(odd) {
        padding-right: 7.5px;
    }
    .db_overview .col-lg-3:nth-child(even) {
        padding-left: 7.5px;
    }
    .db_overview .grid {
    margin-bottom: 15px;
    }
    .db_piechartwrap .grid, .db_resultwrap .grid {
    margin-bottom: 15px;
    }
    .dataTables_wrapper {
        overflow-x: auto;
    }
    .table {
        min-width: 1024px;
    }
    .getstarted_wrap .login_right {
        float: none;
        width: 220px;
        margin: 20px auto 0 auto;
    }
    .spotlight_calender_modal .fc-toolbar {
    margin-bottom: 5px;
    }
    .spotlight_calender_modal .modal-header {
    padding: 10px 15px;
    }
    .spotlight_calender_modal .modal-body {
    padding-top: 0px;
    }
    .spotlight_calender_modal h2 {
    font-size: 20px;
    }
    .spotlight_calender_modal .fc-row.fc-widget-content {
        height: 50px !important;
    }
    .spotlight_calender_modal .red_spot, .spotlight_calender_modal .green_spot {
    width: 6px;
    height: 6px;
    left: calc(50% - 16px);
    top: -3px;
    }
    .spotlight_calender_modal.md-modal {
    width: 90%;
    max-width: 90%;
    min-width: 90%;
    }
    .db_piechartwrap .col-md-4, .db_resultwrap .col-md-6 {
        padding: 0 15px;
    }
    .db_resultwrap .col-md-6 {
    width: 100%;
    }
    .db_categories .table {
    min-width: 100%;
    }
    .db_piechartwrap .grid {
    min-height: auto;
    }
    .db_piechartwrap .visitor .chart {
    margin: inherit !important;
    width: inherit !important;
    }
    .db_piechartwrap .visitor .chart .legend {
    position: inherit;
    margin: inherit;
    display: inherit;
    float: inherit;
    }
    .db_piechartwrap .visitor .legend > table {
    right:10px !important;
    top:10px !important;
    position: absolute !important;
    width: 200px !important;
    }
    .db_piechartwrap .legend .legendColorBox div {
        width: 15px !important;
    }
    .db_piechartwrap .legend .legendColorBox div div {
        width: 11px !important;
    }
    .db_piechartwrap .legend .legendLabel {
    padding-left: 0;
    }
    .db_piechartwrap .visitor .chart {
    min-height: 170px !important;
    }
    #rootwizard .navbar li a {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px auto 5px auto;
    }
    .wizard_wraper #rootwizard .navbar li span {
    margin-bottom: 10px;
    display: block;
    }
    .wizard_wraper #rootwizard .navbar li,  .wizard_wraper #rootwizard .navbar li:last-child {
    width: 33.33%;
    margin: 0;
    text-align: center;
    border-bottom: #2eaeec 1px solid;
    height: auto;
    float: left;
    }
    .wizard_wraper #rootwizard .navbar li span {
    margin-bottom: 0;
    border-bottom: #1794d2 1px solid;
    padding-bottom: 10px;
    }
    #calendar h2, #calendar .h2 {
    font-size: 20px;
    } 
    #calendar .fc-toolbar {
    margin-bottom: 5px;
    }
    .calendar_checkbox .icheckbox_square-blue, .calendar_checkbox .iradio_square-blue {
    margin-right: 0px !important;
    }
    .spotlight_wraper label {
    font-size: 0px;
    }
    #calendar .fc-bg .calendar_checkbox .campaign-choose-date {
    text-align: center;
    }
    .modal_view_video iframe {
    height: auto !important;
    }
    .grid .grid-header.header_view_29 .grid-title {
    display: block;
    width: 100%;
    }

    #banner.banner_home #search-bar.searchnew {
    position: relative;
    top: 0;
    background: transparent;
    width: 100%;
    z-index: 10;
    }
}

/*=============640============*/
@media screen and (max-width: 640px) {
    .db_piechartwrap .col-md-6, .db_overview .col-lg-3 {
    width: 100%;
    }
    .message_box {
        width: 70%;
        max-width: 70%;
        min-width: 70%;
    }
    .usermgmnt_tble_search .col-md-3 {
    width: 50%;
    margin-bottom: 5px;
    }
    .usermgmnt_tble_search .col-md-3:nth-child(odd) {
        padding-right: 7.5px;
    }
    .usermgmnt_tble_search .col-md-3:nth-child(even) {
        padding-left: 7.5px;
    }
    .login_header_wraper a.logo img {
    height: auto;
    }
    .signup_wraper .login_header_wraper a.logo {
    width: 130px !important;
    }
    .signup_wraper .login_header_wraper {
    height: auto !important;
    overflow: hidden;
    }
    .signup_wraper .login_right {
    margin: 18px 15px !important;
    }
    .db_overview .col-lg-3:nth-child(odd) {
    padding-right: 15px;
    }
    .db_overview .col-lg-3:nth-child(even) {
        padding-left: 15px;
    }
    .modal-content #accordion .row {
    width: 100%;
    float: none;
    }
    .modal-content #accordion input#video_name, .modal-content #accordion .input.input-file {
    max-width: 100%;
    }
    .user_profile_view.small {
        width: 80px;
        min-height: 80px;
    }
    .user_profile_details {
    width: calc(100% - 90px);
    }

}

/*=============560============*/
@media screen and (max-width: 560px) {
    body > .wrapper {
        margin-top: 39px !important;
    }
    body > .header .navbar {
        margin-top: -50px;
        background: transparent;
    }
    body > .wrapper {
        margin-top: 0px !important;
    }
    body > .header .logo {
        padding-left: 65px;
        padding-right: 65px;
    }
    body > .header .logo img {
    max-width: 137px;
    height: auto !important;
    }
    .navbar .navbar-right {
        padding: 0 25px 0 0;
    }
    .usermgmnt_tble_search .col-md-3 {
        width: 80%;
        margin-bottom: 8px;
    }
    .login_header_wraper .login_right .btn-primary {
    padding: 8px 10px;
    }
    .signup_wraper .login_right {
    margin: 18px 15px 18px 0px !important;
    }
    .usermgmnt_tble_search .col-md-3 {
    width: 100%;
    }
    .usermgmnt_tble_search .col-md-3:nth-child(odd) {
    padding-right: 15px;
    }
    .usermgmnt_tble_search .col-md-3:nth-child(even) {
    padding-left: 15px;
    }
    .right-side {
    padding-top: 60px;
    }
    .breadcrumb {
    height: auto;
    }
    .header_view_41 button.btn {
    margin-right: 5px;
    }
    .grid .grid-header button, .grid .grid-header button.btn-orange {
    padding: 8px 10px;
    font-size: 12.5px;
    }
}

/*=============480============*/
@media screen and (max-width: 480px) {
    .login .inner {
        width: 80%;
    }
    .login img {
        width: 80%;
    }
    .login .form-login {
        max-width: 80%;
    }
    .message_box {
        width: 80%;
        max-width: 80%;
        min-width: 80%;
    }
    .login_header_wraper .login_right span {
        display: block;
        float: right;
        width: 100%;
        margin: 0;
        text-align: right;
        padding: 0;
    }
    .login_header_wraper .login_right .btn-primary {
        padding: 5px 10px;
    }
    .signup_wraper .login_right {
    margin: 10px 15px 0px 0px !important;
    }
     .signup_wraper .login_right a {
        float: right;
     }
     .signup_wraper .login_header_wraper a.logo {
    width: 100px !important;
    }
    .settings_view .grid .grid-header span.grid-title {
    line-height: 20px;
    }
    .settings_view .grid-header .col-md-4 {
    padding-top: 0px !important;
    }
    .video_wraper iframe {
        width: 100%;
    }
    .db_piechartwrap .visitor .legend > table {
    width: 160px !important;
    }
    .grid .grid-header.header_view_41 button {
    width: 49%;
    margin: 0 !important;
    }
    .grid .grid-header.header_view_41 button:nth-child(odd) {
    float: right !important;
    }
    .grid .grid-header.header_view_41 button:nth-child(even) {
    float: left !important;
    }
    .grid .grid-header.header_view_41 button:nth-child(4), .grid .grid-header.header_view_41 button:nth-child(5) {
    margin-top: 5px !important;
    }
    .header_view_41.header_w_buttons span.grid-title, .grid-header.header_view_22 span.grid-title {
    width: 100%;
    line-height: 22px;
    margin-bottom: 10px;
    }
    .grid-header.header_view_22 button {
    width: 150px;
    margin-top: 5px;
    }

}

/*=============420============*/
@media screen and (max-width: 420px) {
    .login_innerwraper a.create, .login_innerwraper a.forgot {
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .signup_wraper .login_header_wraper a.logo {
    margin: 10px auto;
    }
    .signup_wraper .login_header_wraper a.logo {
    width: 130px !important;
    }
    .signup_wraper .login_right {
    margin: 0 !important;
    width: 100%;
    border-top: #dadada 1px solid;
    padding: 10px;
    text-align: center;
    }
    .login_header_wraper .login_right span {
    display: inline;
    float: initial;
    width: initial;
    text-align: left;
    padding: 0 10px 0 0px;
    }
    .db_piechartwrap .visitor .chart {
    height: auto !important;
    min-height: 150px !important;
    }
    .db_piechartwrap .visitor .chart .legend {
        position: relative;
        margin: 150px 0 15px 15px;
        display: block;
        float: left;
    }
    .db_piechartwrap .visitor .legend > table {
        position: relative !important;
    }
    .db_piechartwrap .visitor .chart {
    margin: 3% auto!important;
    width: 160px !important;
    }
    .db_piechartwrap .grid {
    min-height: auto;
    padding-bottom: 10px;
    }
    .wizard_wraper #rootwizard .navbar li, .wizard_wraper #rootwizard .navbar li:last-child {
    width: 50%;
    }
    .wizard_wraper #rootwizard .navbar li:last-child, .wizard_wraper #rootwizard .navbar li:last-child span {
    border: 0;
    }
}


@media screen and (max-width: 380px) {
    .grid .grid-header button {
    width: 100%;
    }
    .grid .grid-header button {
    margin-top: 5px !important;
    }
}


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

    #advertiser_details_modal .modal-body {
        max-height: 560px;
        overflow-y: auto;
    }
    #calendar .fc-view-container {
        max-height: 365px;
    overflow-y: auto;
    }
    #calendar .fc-view-container .fc-basic-view {
        width: calc(100% - 2px);
    }
    .grid .grid-header, .modal-header.each_panel {
    padding: 5px 20px;
    }
    body > .header .navbar {
    height: 45px;
    }
    body > .header .logo {
    line-height: 50px;
    height: 50px;
    min-height: 50px;
    }
    .logo img {
    height: 35px;
    }
    body > .header .navbar .sidebar-toggle {
    padding: 14px;
    }
    .navbar .navbar-right {
    height: 50px;
    }
    .navbar-nav {
    margin: 10px 56px 0 0;
    }
    .right-side {
    padding-top: 50px;
    }
    .modal-header {
    padding: 5px 10px;
    }
}

@media (max-width: 767px) and (max-height: 640px) {

    #advertiser_details_modal .modal-body {
    max-height: 480px;
    }
    #calendar .fc-view-container {
        max-height: 245px;
    }
    .modal-header {
    padding: 10px;
    }
}

@media (max-width: 767px) and (max-height: 520px) {

    .login.loginpage .outer {
    display: block;
    position: relative;
    height: auto;
    }
    .login.loginpage .getstarted_wrap {
    position: relative;
    height: auto;
    }
    .login.loginpage .middle {
    display: block;
    }
    .login.loginpage, #extr-page {
        min-height: auto !important;
    }
    .login.loginpage .inner {
    margin: 25px auto;
    }
    #advertiser_details_modal .modal-body {
    max-height: 210px;
    }
}
@media (max-width: 767px) and (max-height: 480px) {
    .spotlight_calender_modal .fc-row.fc-widget-content {
    height: 40px !important;
    }
    .spotlight_calender_modal .red_spot, .spotlight_calender_modal .green_spot {
    top: -5px;
    }
    .spotlight_calender_modal .modal-body {
    padding-bottom: 5px;
    }
    #advertiser_details_modal .modal-body {
    max-height: 150px;
    }
}

@media (max-width: 767px) and (max-height: 380px) {
    .spotlight_calender_modal #made-in-ny {
        max-height: 217px;
        overflow-y: auto;
    }
}