@charset "utf-8";
/*
 CSS Create by CDIS Design
 color: #7F3F98; purple 
 color: #B58E38; yellow
 color: #333333; black 
 color: #2386f7;#4399fa; Blue Sky  
 color: #70b1fa; Blue gray
*/
@media (max-width:1440px) {
    .text-footer { padding-left: 0; width: 90%;}
    .text-footer h4 { font-size: 16px;line-height: 22px;}
    .text-footer p{ font-size: 16px; line-height: 22px;}
    .text-footer h3 { font-size: 16px;line-height: 22px;}
  }
@media (max-width:1280px) {
    .header-in2f{padding-top: 18px;}
    .bg-header2f img {height: 235px;}
    #header2f{ height: 117px;}
    .layoutuser {padding-bottom: 40px;}
    .wrapper-footer { margin-bottom: 20px;}
}
@media (max-width:1200px) {
    .wrapper-footer { margin-bottom: 20px;}
    #header2f .container, 
    #footer2f .container, 
    .wrapper2f .container { padding: 0 15px;}
    .text-footer p { font-size: 16px; line-height: 22px;}
    .text-footer h4 {font-size: 18px; line-height: 20px; }
    .text-footer h3 {font-size: 16px; line-height: 18px; }
}
@media (max-width:1024px) {
    .wrapper2f{min-height: 670px;}
    .border-permission{margin-top: 15px; margin-bottom: 15px; }
    .title-table-permission{margin-bottom: 15px;}
}
@media (max-width:991px) {
    .box-edit-profile{max-width: initial; width: 90%;}
    .wrapper-main-content{padding: 15px;}
    .navbar-collapse{border: none;padding: 0;  background-color: #723789;}
    .navbar-header { float: none;}
    .navbar-toggle {display: block; }
    .navbar-collapse.collapse { display: none!important;}
    .navbar-nav { float: none!important; margin: 0; }
    .navbar-nav>li { float: none;}
    .navbar-nav>li>a { padding-top: 10px;padding-bottom: 10px;}
    .navbar-collapse.collapse.in { display: block!important;}
    .loginpage .content-left2f{ display: block;}
    .box-profile2f{ margin-left: 0;}
    .bg-white{ display: none;}    
    .layoutuser{ padding: 20px 15px;border-radius:0;}
    .layout-social{ margin-top: 10px;text-align: center; margin-left: 0;}
    .layout-social ul li{ height: 40px;}
    .contact-footer::after{ display: none;}
    .content-left2f{ padding-top: 0;}
    #footer2f{ position: relative; height: auto;background-color: #2386f7; padding-top: 0;     min-height: inherit;}
    .bg-footer{ display: none;}
    #header2f { display: none;}
    .wrapper2f > .container{ padding: 0;}
    .wrapper2f{ min-height: initial;}
    .text-footer {text-align: center;padding-right: 0;margin-bottom: 20px;}
    .bg-menuleft{ display: none;}
    .control-page2f{ padding-left: 0;}
    .content-left2f{ position: relative; background-color: #4399fa; width: auto;}
    .navbar-brand{ display: block;height: auto; padding: 0; width: calc(100% - 80px);margin: 10px auto; float: left;}
    .navbar-brand a{ color: #fff; display: block;text-align: center; padding-left: 80px;}
    .textlogo{ display: block;}
    .navlogo{display: block;}
    .navlogo img{margin-bottom: 0;  height:45px; display: inline-block;}
    .wrapper-footer .col-xs-6:last-child .contact-footer::before,
    .wrapper-footer .col-xs-6:first-child .contact-footer::after { display: none;}
    .wrapper-footer { padding: 30px 15px 0; margin-bottom: 0;}
    #menu2f .navbar-default{margin-bottom: 0;}
    #menu2f .nav>li>a, #menu2f .dropdown-menu>li>a{ border-radius: 0;}
    #menu2f {width: 100%;right: 0;}
    #menu2f .nav>li,#menu2f .dropdown-menu li{border-top: 1px solid rgba(255, 255, 255, 0.6);}
    #menu2f .dropdown-menu li:first-child{ border: none;}
    #menu2f .nav>li>a{ padding: 15px;}
    #menu2f .dropdown-menu span{ display: block; width: 100%;}
    .main-content2f { padding-bottom: 0;}
    .contact-footer > div{     display: inline-block; margin: 0 5px 0 0; position: relative;top: 4px;}
    .box-btn-setting2f .btn{right: 0;}
}
@media (max-width:767px) {
    .img-profile2f{ float: none; margin: 0 auto 10px;}
    .des-profile2f{ float: none; width: 100%; text-align: center; margin-bottom: 15px;}
    .box-btn-setting2f .btn{ position: relative;  }
    .box-btn-setting2f{ margin-top: 10px;text-align: center;}
    #header {padding:15px 0 150px; text-align: center;}
    .logo {  float: none;}
    .table-responsive{ border: none;}
}
@media (max-width: 480px){
    .favarite, .profile-wrapper-control { display: block;  float: none;}
    .favarite{text-align: right;margin-top: 0;}
    .username{margin-top: 10px;}
    .login-form2f{margin: 10vh auto 10vh;}
}