/* Normal desktop :992px. LG Device */
@media (min-width: 992px) and (max-width: 1200px) {



.register-1 .text-middle {
    transform: translateY(-4%);
}

.forgot-1 .text-middle {
    transform: translateY(8%);
}
.login-1 .text-middle {
    transform: translateY(3%);
}
.text-margin {
    margin: 0px 0px;
}

.login-2 .text-padding {
    padding: 28px 60px;
}
.login-2 .text-title p{
    margin-bottom: -8px;
}
.for-2 .text-padding-2 {
    padding: 80px 60px;
}
.log-2 .text-padding-2 {
    padding: 60px 60px;
}

.extra-padding {
    padding: 30px 30px;
}


.login-6 .text-margin {
    margin: 0px 0px;
}

.extra-padding-3 {
    padding: 30px 40px;
}





}



/* small mobile layout :320px. */
@media only screen and (max-width: 767px) {

.slicknav_menu{
	display:block;
}	
.mainmenu_2 {
    display: none;
}	
div.slicknav_menu {
    margin-top: -72px;
    background: transparent;
    padding: 16px 26px;
}
.slicknav_nav {
    margin-top: 70px;
    display: inline-block;
    position: relative;
}
.slicknav_nav a {
    color: #000;
}
.extra-padding {
    padding: 0px 0px;
}
.extra-padding-2 {
    padding: 0px 0px;
}
.login-area-2 .sign-in-form {
    padding: 0px;
}










.reg-2 .text-padding {
    padding: 50px 40px;
}
.for-2 .text-padding-2 {
    padding: 80px 60px;
}
.log-2 .text-padding-2 {
    padding: 60px 60px;
}
.for-2 .text-padding-2 {
    padding: 60px 60px;
}
.tittle-middle {
    position: absolute;
    left: 18%;
    top: 42%;
}



.need-padding .extra-padding {
    padding: 0px 0px;
}



.resp-margin{
    margin-bottom: 40px;	
}
.text-middle{
	padding:0px;
}

.login-7 .extra-padding-6 {
    padding: 60px 80px;
}


.banner-inner p {
    width: 100%;
}
.demo-tittle p {
    width: 100%;
}


	
}

/* Large Mobile layout:550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

.slicknav_menu{
	display:block;
}
.header-btn {
    display:none;
}	
.mainmenu_2 {
    display: none;
}		
div.slicknav_menu {
    margin-top: -72px;
    background: transparent;
    padding: 16px 90px;
}
.slicknav_nav {
    margin-top: 70px;
    display: inline-block;
    position: relative;
}
.slicknav_nav a {
    color: #000;
}
.extra-padding {
    padding: 0px 0px;
}
.extra-padding-2 {
    padding: 0px 0px;
}
.login-area-2 .sign-in-form {
    padding: 0px;
}



.need-padding .extra-padding {
    padding: 0px 40px;
}


.text-middle{
    margin-bottom: 40px;
	padding:0px;
}





.forgot-1 .text-middle {
    transform: translateY(10%);
    padding-bottom: 25px;
}
.reg-2 .text-padding {
    padding: 50px 40px;
}




.login-form-2 .text-padding {
    padding: 70px 60px;
}
.for-2 .text-padding-2 {
    padding: 80px 60px;
}
.log-2 .text-padding-2 {
    padding: 60px 60px;
}
.for-2 .text-padding-2 {
    padding: 60px 60px;
}


.login-7 .extra-padding-6 {
    padding: 60px 80px;
}


 .banner-inner p {
    width: 100%;
}
.demo-tittle p {
    width: 100%;
} 
}