/****************************************************************************
( 1024 X 768)
****************************************************************************/
@media only screen and (min-width: 959px)
{
	.equal_colum { min-height: 700px !important; }
    .user { width: 480px;}
    .sidebar { min-height: 100%; position: static;  margin: 0; display: table-cell; float: none; vertical-align: top; }
    .content_wrap {  margin-left: 270px; overflow: hidden; display: table-cell; width: 900px; max-width:900px;}
    .span3, .row { margin: 0; }
    .content { border-right: #d6dfe6 solid 1px; height: 100% !important; float: left; margin: 0;
width: 100%; box-sizing: border-box; }
    .content_wrapper .container .row { display: table-row; width: 100%; }
    .feature { width: 45.4%; }
    .small-graph-info { width: 70px !important; }

}
@media only screen and (min-width: 959px) {
    .review-block .review-text {
        width: 840px;
        word-wrap: break-word;
    }
}
@media only screen and (max-width: 959px)
{
    #admin-search-box { display: none; }
    .content_wrap {  margin-left: 0; margin-top: 50px; }
}
@media only screen and (min-width: 959px) and (max-width: 1200px)
{
    #admin-search-box { max-width: 150px; }
    .logo {padding: 8px 39px;  width: 65%; }
    .content {  margin-left: -19px; width: 103%;}

    .white_box .span3 img {  margin-right: 3px; margin-left: 11px;}
    .result { padding: 0px 4px;}
    .white_box .span3 {width: 165px; min-width: 168px;}
    .white_box .span3.orange_box {width: 215px;}
    .location .submit {right: 64px;}
    .display_page {text-align: center;line-height: 0px; margin: 0px; margin-bottom: 30px;}
    .total_statistics .pagination{ float: none; }

    .alrt {  margin-left: 2px; width: 61px;  }
    .topresources, .topperformance {  padding: 9px 13px 0px 18px;  }
    .login_list { left: 7%; }
    .resource_list li a {
        margin-left: 0px; font-size: 12px;}
    .box-rightside { width: 260px; }
}
/****************************************************************************
(800 X 600) + (768 X 1024)
****************************************************************************/
@media only screen and (min-width: 768px) and (max-width: 959px)
{
    .span3, .span4,.span9{width: 100%; margin: 0px;}
    .container{width: 98%; }
    .topbar {  height:132px;}
    .logo {  padding: 8px 0; width: 100%;  text-align: center;}
    .logout { margin-right: 2px;}
    .left_column {display: none;}
    .responsive_nav {display: block;}
    .content {width: auto;margin-left: 19px;}
    .resource_list li a {font-size: 13px;}
    .topresources, .topperformance {
        padding: 20px;
        float: left;
        width: 42% !important;
    }
    .login_list { left: 58%; }

    .white_box .span3 {width: 183px;}
    .white_box .span3 img { margin-right: 3px; margin-left: 10px;}
    .result { padding: 0px 2px;}
    .alrt { margin-left: 0px;  position: absolute;  left: 0px; }
    .alrt > a { width: 159%; height: 65px; display: inline-block;}
    .alrt a img{ width: 100%; height: 100%;}
    .tab form fieldset .submit { padding: 8px 20px;}
    .location .submit {right: 76px;}
    .user { width: 100%}

    .feature.topresources .box-rightside {bottom: 99px;  }
    .topresources .box-rightside {bottom: 57px;}

}


/****************************************************************************
(768)
****************************************************************************/
@media only screen and ( max-width: 768px )
{
    #admin-search-box { display: none; }
    .span3, .span4,.span9{width: 100%; margin: 0px;}
    .container{width: 98%; }

    .white_box .span3 {width: 183px;}
    .white_box .span3 img { margin-right: 3px; margin-left: 10px;}
    .result { padding: 0px 2px;}

    .topbar {  height:132px;}
    .logo {  padding: 8px 0; width: 100%;  text-align: center;}
    .logout { margin-right: 2px;}
    .left_column {display: none;}
    .responsive_nav {display: block;}
    .content {width: auto; margin-left: 19px;}
    .resource_list li a {font-size: 12px;}
    .topresources, .topperformance {
        padding: 20px;
        float: left;
        width: 42% !important;
    }


    .location .submit {right: 76px;}
    .login_list { left: 58%; }
    .tab form fieldset .submit { padding: 8px 20px;}
    .user { width: 100%}

    .feature.topresources .box-rightside {bottom: 99px;  }
    .topresources .box-rightside {bottom: 57px;}
}


/****************************************************************************
(600 X 800)
****************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 767px)
{
    .topbar {  height:132px;}
    .logo {  padding: 8px 0; width: 100%;  text-align: center;}
    .logout { margin-right: 2px;}
    .left_column {display: none;}
    .responsive_nav {display: block;}
    .content {width: auto; margin-left: 0px;}

    .resource_list li a {font-size: 16px;}

    .content_wrap { width:100%; }
    .white_box {height: auto;}
    .white_box .span3 { width: 100%; border-right: 0px; border-bottom: 1px; line-height: 78px; }
    .white_box .span3 img {margin-right:10px;margin-left:30px;}
    .result {padding: 0px 15px;}
    .white_box .orange_box  {width: 280px; padding-left: 2px;}

    .heading { margin-bottom: 20px !important; }
    .store form { width: 73%; }

    table td, table th { padding-left: 8px;  }
    .location_store table th, .location_store table td { padding-left: 8px;}

    .topresources, .topperformance{  padding: 20px 0px;  width: 70% !important;  margin: 0 auto !important; border: 0px  }
    .user { width: 100%}
    .sidebar { width: 100%; }
    .display_page {text-align: center;line-height: 0px; margin: 0px; margin-bottom: 30px;}
    .footer {border-top:1px solid #dbdee6;width: 100%; text-align: center !important;}
    .footer .span6 { text-align: center !important;}

    .alrt {   margin-left: 35px; width: 61px;  position: absolute; top: 66px; left: 166px; }
    .login_list { left: 47%; }

    .feature.topresources .box-rightside {bottom: 60px;  margin-bottom: 14px;}
    .topresources .box-rightside {left: 0px; bottom: 60px;}
}


/****************************************************************************
{320 X 480} + (480 X 320)
****************************************************************************/
@media only screen and (max-width: 480px)
{
    .content_wrap { width:100%; }
    .topbar {  height:132px;}
    .logo {  padding: 8px 0; width: 100%;  text-align: center;}
    .logout { margin-right: 2px;}
    .left_column {display: none;}
    .responsive_nav {display: block;}
    .user { width: 100%}
    .sidebar { width: 100%; }
    .username { margin-left: 9px;}
    .user-img {margin-left: 3px;}

    .message_box {padding:10px;}
    .message_box .alert .close { top: 50%;  right: -32px; margin-top: -7px; }
    .message_box .alert {width: 79% !important; margin: 0 auto !important;}
    .small_alert {font-family: 'Raleway', sans-serif;font-weight:200;}

    .white_box .orange_box  {width: 215px !important; padding-left: 2px;}
    .white_box {height: auto;}
    .white_box .span3 { width: 100%; border-right: 0px; border-bottom: 1px; }
    .white_box .span3 img {margin-right:10px;margin-left:30px;}
    .result {padding: 0px 15px;}

    .heading { margin-bottom: 20px !important; }
    .topresources, .topperformance{  border-right: 0px;padding: 20px 0px;    width: 290px;  margin: 0 auto !important;  }

    .resource_list {  margin: 0px 0px 10px 0px;  }
    .list_number { font-size: 20px}
    .resource_list li a {font-size: 11px;}
    .orange_number {font-size: 14px;}

    .content {width: auto; margin-left: 0px;}

    .create_form input[type="text"], .create_form input[type="password"] {width: 221px; }
    .create_form .adrs {  width: 79% !important;}
    .pagination a { margin-bottom: 11px !important; }

    .social { padding: 30px 30px 30px 30px;}
    .social_bar form { width: 282px;}
    .social_bar img { margin-right: 36px;}
    .social_bar p { margin-right: 47px; vertical-align: 11px;}
    .social .social-icon {  margin-top: -64px !important; }

    .template h3 {float: none;}
    .template h6.del  {float: none;}
    .template h6 {border: 0px; float: left;}
    .template { height: auto;}

    .search_bar label { margin-right: 5px; }
    .search_bar form {  width: 237px;}
    .search_bar input[type="text"] {  width: 119px;}

    .stat_search form {  width: 276px;}
    .stat_search input[type="text"] {  width: 158px;}

    .display_page {text-align: center;line-height: 0px; margin: 0px; margin-bottom: 30px;}

    .store form { width: 260px; }
    .location .submit {right: 11px;}

    .location_store table th, .location_store table td {width: 12%; padding-left: 17px; background: #ffffff;}
    .location_store table .first {  width: 13%; }
    .location_store table .second {  width: 13%; }

    #log_in, #log_in_two { width: 90%;}
    .login_form {  width: 90%;}
    #log_in_two .login_form input[type="text"] , #log_in_two .login_form input[type="password"] {  width: 75% !important;}

    .report_form form input[type="text"] { width: 230px; }
    .report_form .buttons a {padding: 15px 22px;margin-right: 9px;  }
    .range_form { width: 90% !important; float: none; }
    .review_bar { height: auto;}
    .review_bar h4 {margin-left: 30px;}

    .send_request form .adrs {  width: 47%;}
    .send_request form textarea {width: 87%;}

    .location input[type="text"] { width: 130px;}
    .send_request form fieldset { width: 200px; }
    .send_request.location .submit { right: 25px;}

    .stat_table table td, .stat_table table th { padding-left: 8px;  }
    .request_table table .first { width: 30% !important; }
    #tabs > ul {padding-left: 26px;}
    #tabs > ul > li a {padding: 15px 12px;}

    .user_setting input[type="text"], .user_setting input[type="password"] {width: 200px;}
    table th, table td { padding-left: 8px;}
    .stat_two table th { width: 15% !important; }
    .stat_two table .first { width: 25% !important;}

    .tickets_detail textarea { width: 86%; }
    form input[type="text"] , form input[type="password"] { width: 80%;}
    form textarea { width: 86%; }
    .footer {border-top:1px solid #dbdee6;width: 100%; text-align: center !important;}
    .footer .span6 { text-align: center !important;}

    .alrt {   margin-left: 35px; width: 61px;  position: absolute; top: 0px; left: -40px; }
    .topresources .graph #chart2, .graph #jqxChart {width: 290px !important; margin: 0 auto; }

     .content .topresources, .content .topperformance {
        padding: 20px;
        float: left;
        width: 100% !important;
    }
    .login_list {
        left: 7%;
    }


    .tab form fieldset {  width: 267px;}
    .user_setting fieldset input[type="text"]  { width: 125px; padding-right: 110px; }
    .user_setting form {float: none;}
    .tab { padding: 15px 0 0 42px; }
    .tab form fieldset .submit {  right: 26px;}
    .bar h5 small {display: block; margin-left: 0px; margin-top: 7px;}
    .buttons {position: static;}
    .location div input[type="text"]  { width: 224px; padding-right: 10px; }

    .stat_tabl table th small {font-size: 10px;}
    .stat_tabl table th span {font-size: 11px;}
    #jqxChart {  left: -20px !important;}

    .bar h6 { float: none; margin-top: 0px; }
    .create_tickt textarea, .create_tickt .stng_box.selectBox-dropdown {width: 199px !important;}

    .feature.topresources .box-rightside {bottom: 36px;  margin-bottom: 14px;}
    .topresources .box-rightside {left: 17px;}

}