@media screen and (min-width:1241px) and (max-width:1570px){
	.container{max-width: 96% !important;}

	/*login*/
	.login-form-sec>.col-lg-5 {padding: 0px 35px;max-width: 50%;flex: 0 0 50%;}

	/*Main*/
	.smalle .dropdown >div.list>div.item {padding: 10.5px 15px 10.5px 22px;}
}

@media screen and (min-width:1025px) and (max-width:1240px){
	.container{max-width: 96% !important;}

	/*login*/
	.login-form-sec>.col-lg-5 {padding: 0px 30px;max-width: 50%;flex: 0 0 50%;}
	.login-form-sec{padding: 65px 0px;}
	.login-sing-form{padding: 20px 20px 30px;}
	.l-inp-btn{padding: 0px 25px;min-width: 180px;}

	/*Main*/
	.smalle .dropdown >div.list>div.item {padding: 10.5px 15px 10.5px 10px;}
	.login-form-sec.rem-pad{padding: 35px 0px;}
	.smalle div.dropdown>div.caption {padding: 0px 25px;}
	div.dropdown>div.list>div.item{padding: 10.5px 15px 10.5px 40px;}
}

@media screen and (min-width:992px) and (max-width:1024px){
	.container{max-width: 96% !important;}	
    
	/*login*/
	.login-form-sec>.col-lg-5 {padding: 0px 20px;max-width: 50%;flex: 0 0 50%;}
	.login-form-sec{padding: 60px 0px;}
	.login-sing-form{padding: 20px 20px 30px;}
	.l-inp-btn{padding: 0px 25px;min-width: 180px;height: 62px;}
	.btn-outline{height: 62px;}
	.footer{padding: 35px 0px;}
	.l-inp{height: 62px;padding: 0px 25px;}

	/*Main*/
	.smalle .dropdown >div.list>div.item {padding: 10.5px 15px 10.5px 10px;}
	.login-form-sec.rem-pad{padding: 35px 0px;}
	.smalle div.dropdown>div.caption {padding: 0px 25px;}
	div.dropdown>div.list>div.item{padding: 10.5px 15px 10.5px 40px;}
	.smalle{width: 13%;}
	input.l-inputt.etye{width: 45%;}
	div.dropdown>div.caption, .l-inputt{height: 62px;padding: 0px 25px;}
	.login-sing-iop textarea{height: 150px;padding-top: 20px;}
}

@media screen and (min-width:768px) and (max-width:991px){
	.container{max-width: 96% !important;}

	/*login*/
	.login-form-sec>.col-lg-5 {padding: 0px 20px 40px;max-width: 100%;flex: 0 0 100%;}
	.login-form-sec{padding: 40px 0px 10px;}
	.login-sing-form{padding: 20px 15px 30px;}
	.l-inp-btn{padding: 0px 15px;min-width: 180px;height: 53px;}
	.footer{padding: 30px 0px;}
	.l-inp{height: 53px;padding: 0px 15px;}
	.head-logo{padding: 30px 0px;}
	.head-logo img {max-height: 180px;}
	.title-line h2{font-size: 32px;padding-bottom: 15px;margin-bottom: 25px;}
	.btn-outline{padding: 10px 20px;height: 53px;}
	.ftr-menu li{padding: 0px 35px;}

	/*Main*/
	.smalle .dropdown >div.list>div.item {padding: 8px 15px 8px 10px;}
	.login-form-sec.rem-pad{padding: 30px 0px;}
	.smalle div.dropdown>div.caption {padding: 0px 25px;}
	div.dropdown>div.list>div.item{padding: 8px 15px 8px 20px;}
	.smalle{width: 15%;margin-right: 10px;}
	input.l-inputt.etye{width: 43%;}
	div.dropdown>div.caption, .l-inputt{height: 53px;padding: 0px 15px;}
	.login-sing-iop textarea{height: 150px;padding-top: 20px;}
	.modal-dialog {max-width: 700px;}
	.modal-content{border-radius: 20px;}
	.modal-body p{font-size: 22px;}
	.modal-body button{min-width: 190px;}
	.modal-close h3{font-size: 30px;}
}
@media (max-width: 767px){
	.container{max-width: 96% !important;}

	/*login*/
	.login-form-sec>.col-lg-5 {padding: 0px 20px 30px;max-width: 100%;flex: 0 0 100%;}
	.login-form-sec{padding: 30px 0px 10px;border-radius: 10px;}
	.login-sing-form{padding: 20px 15px 30px;border-radius: 10px;}
	.l-inp-btn{padding: 0px 15px;min-width: 148px;height: 48px;font-size: 18px;}
	.footer{padding: 15px 0px;}
	.l-inp{height: 48px;padding: 0px 15px;border-radius: 15px;}
	.head-logo{padding: 20px 0px;}
	.head-logo img {max-height: 160px;}
	.title-line h2{font-size: 28px;padding-bottom: 10px;margin-bottom: 25px;}
	.btn-outline{padding: 10px 10px 12px;height: 48px;font-size: 18px;}
	.title-line h2::before{width: 70px;}
 	.login-sing-inp.mt-4 {margin-top: 10px !important;} 
 	.login-sing-form form .col-lg-12, .login-sing-form form .col-lg-6{padding: 0px 0px 15px;} 
 	.ftr-menu li{padding: 0px 15px;}
 	.login-bg{padding: 0px 0px 50px;}

 	/*Main*/
	.smalle .dropdown >div.list>div.item {padding: 6px 15px;}
	div.dropdown>div.list{top: 45px;border-radius: 8px;}
	.login-form-sec.rem-pad{padding: 20px 0px;}
	.smalle div.dropdown>div.caption {padding: 0px 15px;}
	div.dropdown>div.caption, .l-inputt{height: 48px;padding: 0px 15px;border-radius: 15px;width: 100%;}
	div.dropdown>div.list>div.item{padding: 6px 15px;}
	.smalle{width: 100px;margin-right: 10px;}
	input.l-inputt.etye{width: calc(100% - 110px);}
	.login-sing-iop textarea{height: 120px;padding-top: 10px;border-radius: 10px;}
	.modal-dialog {max-width: 96%;}
	.modal-content{border-radius: 10px;}
	.modal-body p{font-size: 18px;}
	.modal-body button{min-width: 150px;padding: 0px 15px;font-size: 18px;height: 48px;}
	.top-bar{padding:0px 15px 20px;justify-content: flex-start;}
	.login-sing-iop label{width: 100%;text-align: left;justify-content: flex-start;}
	div.dropdown{width: 100%;}
	.bg-imag .caption{background-size: 12px 10px !important;}
	.caption img{margin-right: 10px;max-width: 32px;}
	.login-sing-iop.text.mt-4 {left: 0px; margin-top: 15px !important;}
	.modal-close{padding: 15px 10px 0px 0px;}
	.top-bar-cons a{height: 40px;}
	.top-bar-cons a img{margin-right: 5px;}
	.modal-dialog{height: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
	.modal-close h3{font-size: 28px;}
	.result .close{margin-top: -40px;}
	.modal-close .close{width: 35px;height: 35px;font-size: 30px;}
	.modal-body{text-align: center;}
}



@media screen and (max-width:575px){
	/*Main*/
	.top-bar-cons a {width: auto;padding: 0px 12px;font-size: 15px;}
	.top-bar-cons{margin-right: 9px;}
	.top-bar-cons.remove a {padding: 0px 3px 0px 0px;}
	.modal-close h3{font-size: 26px;}
	.title-line h2{font-size: 26px;}
}


@media screen and (max-width:480px){

	/*login*/
	.head-logo {padding: 15px 0px;}
	.head-logo img{max-height: 120px;}
	.login-form-sec>.col-lg-5{padding: 0px 10px 20px;}
	.login-sing-form{padding: 20px 10px;}
	.fwd-link.mt-3 {margin-top: 10px !important;}
	.fwd-link.pl-5 {padding-left: 15px !important;}
	.btn-outline{min-width: 110px;}
	.ftr-menu li{display: block;width: 100%;padding: 0px 0px 5px;text-align: center;}
	.footer{padding: 15px 0px 10px;}
	.btn-outline, .l-inp-btn{font-size: 17px;}

	/*Main*/
	.top-bar-cons{width: 100%;margin:0px 0px 10px;}
	.top-bar-cons a{width: 100%;text-align: left;justify-content: flex-start;}
	.smalle{width: 100%;margin:0px 0px 10px;}
	input.l-inputt.etye{width: 100%;}
	.modal-body p{font-size: 16px;}
	.modal-body{padding: 10px 10px 20px;}
}