@media (min-width: 1920px) {
#page-wrapper .container-fluid {
    max-width: 1200px;
}
.newresponsive-innner .col-lg-8{ width:50%;}.newresponsive-innner .col-lg-2{ width:25%;}
}
@media (min-width: 1366px) {
#page-wrapper .container-fluid {max-width: 1200px;}
.newresponsive-innner .col-lg-8{ width:60%;}.newresponsive-innner .col-lg-2{ width:20%;}
.small-donation span, .small-events span, .small-volunteer span,.small-sponsor span,.small-refund span,.small-order span{ font-size:12px;}
.new-dah-box .titles{ font-size:16px;} .small-blankbox .pad-container h1{ font-size:29px;}
.small-message{ font-size:15px;}
.text-box-new h1{ font-size:36px; line-height:36px;}
.text-box-new h4{ font-size:18px; line-height:18px;}
.text-box-new h2{ font-size:24px; line-height:24px;}
}
/*Ipad landscape*/
@media (min-width: 981px) and (max-width: 1170px) {
#dash-wrapper .nav > li{ border-top:0px solid #3d3f40;;border-bottom:0px solid #3d3f40;}
.side-nav{ top:60px;}
.btn-tutorials{ font-size:13px;}
.btn.btn-dgreen span {font-size: 17px;}
.btn.btn-dpurple span {font-size: 17px;}
.btn.btn-dred span {font-size: 17px;}
.btn.btn-dorange span {font-size: 17px;}
.btn.btn-dblue span {font-size: 17px;}
#button-form .col-xs-12{ width:33.333%;}
.newresponsive-innner .col-md-8{ width:50%;}.newresponsive-innner .col-md-2{ width:25%;}
#top-notification.top-noti .alert-pink{ font-size:13px!important;}
/*.top-noti .alert-pink .close{font-size:13px!important;}

.dash-main-head .navbar-fixed-top{ top:71px;}
.dash-main-head .side-nav{ top:131px;}
body.dash-body.dash-main-body{ margin-top:131px;}
body.pfp-bg{ padding-top:177px!important;}
body.loged-in{ padding-top:213px!important;}*/
.new-dah-box .titles{ font-size:16px;}
.upgrade-admintab{white-space: normal;}
.btn-3dnew{ min-height: 192px;}
.dashboard-lists .dashboard-ul-list li{width:49%; margin: 0px;}
}
@media (max-width: 980px) {
    #button-form .col-xs-12{ width:33.333%;}
    #top-notification.top-noti .alert-pink{ font-size:13px!important;}
    .top-noti .alert-pink .close{font-size:13px!important;}
}

/*Ipad Portrait*/	
@media (min-width: 768px) and (max-width: 979px) {
.dash-r{ border-right:0px solid #c3c0c0;}
.dash-l{ border-left:0px solid #c3c0c0;}
.dash-links li a{ font-size:13px;}
#dash-wrapper .nav > li{ border-top:none;border-bottom:0px solid #3d3f40;}
.side-nav{ top:60px;}
#dash-wrapper .nav > li{ border-top:0px solid #3d3f40;;border-bottom:0px solid #3d3f40;}
.video-tutors li{ margin:0px 2% 15px 0; padding:0px; list-style:none; float:none; width:48%; display:inline-block;}
.right-clear{ margin-right:0px!important;}
#button-form .col-xs-12{ width:33.333%;}
.btn.btn-dgreen span {display: block;font-size: 15px;}
.btn.btn-dpurple span {display: block;font-size: 15px;}
.btn.btn-dred span {display: block;font-size: 15px;}
.btn.btn-dorange span {display: block;font-size: 15px;}
.btn.btn-dblue span {display: block;font-size: 15px;}
.newresponsive-innner .col-sm-8{ width:50%;}.newresponsive-innner .col-sm-2{ width:25%;}
#top-notification.top-noti .alert-pink{ font-size:11px!important;}
/*.top-noti .alert-pink .close{font-size:13px!important;}
.dash-main-head .navbar-fixed-top{ top:71px;}
.dash-main-head .side-nav{ top:131px;}
body.dash-body.dash-main-body{ margin-top:131px;}

body.pfp-bg{ padding-top:177px!important;}
body.loged-in{ padding-top:213px!important;}
*/
.dash-main-head .side-nav {top: 60px;}
.small-donation span, .small-events span, .small-volunteer span,.small-sponsor span,.small-refund span,.small-order span{ font-size:12px;}
#max-admin-box .box-admin h4{ font-size: 15px;}.upgrade-admintab{ min-height: 102px;white-space: normal;}
.btn-3dnew{ min-height: 192px;}
.dashboard-lists .dashboard-ul-list li{width:49%; margin: 0px;}

}


/* Iphone 5 landscape */
@media(max-width:767px) {
body.dash-body {
    margin-top: 51px;
    /*background-color: #222;*/
}
.dash-main-head .navbar-fixed-top{ top:0px;}
.dash-main-head .side-nav{ top:43px;}
body.dash-body.dash-main-body{ margin-top:51px;}
#dash-wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    padding: 0;
    
}

.side-nav {
        position: static;
        top: 43px;
        left: 0;
        width: 100%;
        margin-left:0px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #222;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }
.side-nav>li>a {
        width: 100%;
    }

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}
#dash-wrapper .nav > li{ border-top:none;border-bottom:0px solid #3d3f40;}
.top-nav{ width:100%; text-align:center; padding:0px;}
.top-nav > li{ float:none;}
.side-nav li img{ margin-right:8px; display:none;}
.dash-links li{ width:100%;}
.dash-box{ float:left; width:100%; max-width:945px;}
.dash-pads{ padding:10px 0;}
.dash-r{ border-right:0px solid #c3c0c0;}
.dash-l{ border-left:0px solid #c3c0c0;}
.dash-fifteen{ padding:15px;}
.dashboard-lists li{ margin:0 0 30px 0;}
.dash-links { float:left; width:100%; }
.dash-links ul{ display:none;}
.dash-links select{ display:block; width:100%; line-height:40px; height:40px; padding:0 12px; background:none; border:none;}
.top-nav{ display:none;}
.dash-threetabs li:last-child{ border-right:none;}
.dash-threetabs li{ margin-bottom:0px;}
.comp-arrow {color: #fff;float: left; width: 100%; line-height:normal; margin-bottom:10px;}
.btn-font{ font-size:16px;}
.video-tutors li{ margin:0px 0% 15px 0; padding:0px; list-style:none; float:none; width:100%; display:inline-block;}
.btn.btn-dgreen span {display: block;font-size: 15px;}
.btn.btn-dpurple span {display: block;font-size: 15px;}
.btn.btn-dred span {display: block;font-size: 15px;}
.btn.btn-dorange span {display: block;font-size: 15px;}
.btn.btn-dblue span {display: block;font-size: 15px;}
#button-form .col-xs-12{ width:33.333%;}
.one .navbar-fixed-top{ top:0px;}
body.pfp-bg{ padding-top:0px !important;}
body.loged-in{ padding-top:142px !important;}


/*#pfp-header .navbar-default{ margin-top:41px!important; }*/
#pfp-header{  position:relative;}
.navbar-fixed-top #pfp-header{ margin-top:41px;}
#dash-wrapper nav{ top:0px;}#buttons-smallview li{width:48%;}
#max-admin-box .box-admin{ margin-bottom: 15px;}
.upgrade-admintab{ margin-bottom: 15px;white-space: normal;}
.side-nav > li.btn-home {float: none;}
.side-nav > li.btn-camp2 {float: none;}
.side-nav > li.btn-payment {float: none;}

.dashboard-lists .dashboard-ul-list li{width:49%; margin: 0px;}

}
@media (max-width: 680px) {#button-form .col-xs-12{ width:50%;}.new-responsive .col-xs-6{ width:50%;} #max-admin-box .col-xs-12{ width:33.333%;}}
@media (max-width: 480px) {#button-form .col-xs-12{ width:50%;}.new-responsive .col-xs-6{ width:50%;} .newresponsive-innner .col-xs-8{ width:50%;}.newresponsive-innner .col-xs-2{ width:25%;}
/*12-05-2016 css start from here*/
#buttons-smallview .col-xs-6{ width:50%;}
#rate-quart .col-xs-6{ width:50%;}
.small-blankbox .pad-container h1{ font-size:24px;}.new-dah-box .titles{ font-size:14px;}#buttons-smallview li{width:48%;}
#max-admin-box .col-xs-12{ width:100%;}
.dashboard-lists .dashboard-ul-list li{width:100%; margin: 0px;}
}

/* Iphone 4 landscape*/ 
@media only screen and (min-width: 361px) and (max-width: 479px) {
#button-form .col-xs-12{ width:100%;}.new-responsive .col-xs-6{ width:100%;}.newresponsive-innner .col-xs-6{ width:50%;}#buttons-smallview li{width:100%;}	
#max-admin-box .col-xs-12{ width:100%;}	
}

/* IPHONE 4 + 5 Portrait */
@media only screen and (min-width: 240px) and (max-width: 360px) {
#button-form .col-xs-12{ width:100%;}.new-responsive .col-xs-6{ width:100%;}.newresponsive-innner .col-xs-6{ width:50%;}
/*12-05-2016 css start from here*/
#buttons-smallview .col-xs-6{ width:100%;}
#rate-quart .col-xs-6{ width:100%;}#buttons-smallview li{width:100%;}
#max-admin-box .col-xs-12{ width:100%;}
}
