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

     height: auto;
}

.form-box {
        width: 430px;
    margin: 0 auto;
}


.login-content {
    width: 100%;
    text-align: center;
}
.login-form {
    width: 100%;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

}
.loginwith {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}





}




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

.form-box {
        width: 100%;
    margin: 0 auto;
    padding: 25px 13px;
}
.margintop40 {
    margin-top: 40px;
    margin-right: 25px;
    margin-left: 25px;
}
.mrg-2{margin-bottom: .5rem!important;}

.login-content {
    width: 100%;
    text-align: center;
}
.login-form {
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

}
.headingbreadcrump{display: initial;}
.loginwith {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.loginform {
    padding: 15px;
}
.logintitle p {
    font-size: 14px;
    color: #fff;
    margin: 1rem 0 1rem 0;
}
.header .logo {
    width: auto;
    }
 .container-check {       
        font-size: 14px;
        white-space: nowrap;
    }
   
    .body-content {    
        margin-left: 0px;
        padding: 30px;
    }
    .slider-toggle .left-navigation {
        display: block;
        width: 250px;
        z-index: 9;        
    }
    .slider-toggle .left-navigation ul li a span {
        display: block;
        z-index: 9;        
    }
    .togglebtn {
        float: right;
    }
    .profile-section{
        display: none !important;
    }
    .d-none-desktop{
        display: block;
      }
      .slider-toggle .body-content {
        margin-left: 0px;
    }
    #example_paginate{
        display: none;
    }
   .slider-toggle .left-navigation{
  width: 70px;
}
.slider-toggle .left-navigation ul li a span{
  display: none;
}
.slider-toggle .body-content {  
  margin-left: 70px;  
}
}


}



@media only screen and (min-device-width : 320px) and (max-device-width : 375px) {
    .form-box {
        background: url(../images/green-bg-small.png);
    background-repeat: no-repeat;
    background-position-x: center;
    object-fit: cover;
        width: 100%;
    margin: 0 auto;
    
}
.margintop40 {
    
    margin-top: 40px;
    margin-right: 25px;
    margin-left: 25px;

}
}



/**********
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) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

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