.header{
    display: none;
}
img.about-right2{
  display: none;
}
@media (max-width :1700px) and (min-device-width :1400px) {

.grid{
	width: 95%;
}

/****** banner ******/

.banner-left {
    width: 496px;
}
.banner-left h1 {
  font-size: 35px;
  line-height: 45px;
}
.banner-left p {
  margin: 25px 0px 0px 0px;
  font-size: 23px;
  line-height: 36px;
}
.mail-box {
    margin: 60px 0px 0px 0px;
    padding: 38px 38px 38px 38px;
    width: 750px;
} 
img.bnr-right {
  width: 760px;
}
}

@media (max-width :1399px) and (min-device-width :1200px) {

.grid{
	width: 95%;
}
.flex{
	width: 90%;
}
h2 {
  font-size: 39px !important;
  line-height: 55px !important;
}

/***** menu ***/

.menu-right ul li {
    margin: 0px 25px 0px 0px;
} 

/****** banner ******/

.banner-left {
    width: 496px;
}
.banner-left h1 {
  font-size: 35px;
  line-height: 45px;
}
.banner-left p {
  margin: 25px 0px 0px 0px;
  font-size: 23px;
  line-height: 36px;
}
.mail-box {
  margin: 60px 0px 0px 0px;
  padding: 28px 28px 28px 28px;
  width: 685px;
}
img.bnr-right {
  width: 640px;
}

/**** program **/

.program-left {
  width: 40%;
}
.program-right {
  width: 50%;
}

/****** perk ******/

.perks1 {
    padding: 30px 25px 0px 25px;
} 

/***** about *****/

.about-left {
  width: 50%;
}
.about-left p {
  font-size: 25px;
  line-height: 45px;
} 

/****** process *****/

.process-text {
    width: 590px;
}
.process-text p {
  margin: 0px 0px 15px 0px;
  font-size: 19px;
  line-height: 32px;
} 
.process-text p.last {
  margin: 0px 0px 0px 0px;
}

}

@media (max-width :1199px) and (min-device-width :992px) {

.grid{
	width: 95%;
}
.flex{
	width: 90%;
}
h2 {
  font-size: 39px !important;
  line-height: 55px !important;
}

/**** menu ******/

.menu-right ul li {
  margin: 0px 5px 0px 0px;
} 

/****** banner ******/



.banner-left {
    padding: 30px 0px 0px 0px;
    width: 496px;
}
.banner-left h1 {
  font-size: 31px;
  line-height: 42px;
}
.banner-left p {
  margin: 15px 0px 0px 0px;
  font-size: 19px;
  line-height: 29px;
}
.mail-box {
  margin: 20px 0px 0px 0px;
  padding: 38px 18px 38px 18px;
  width: 605px;
}
img.bnr-right {
  width: 440px;
}

/**** program **/
.program {
  padding: 140px 0px 110px 0px;
} 
.program-left {
  width: 370px;
}
img.prog-right-sm {
  bottom: 10px;
  right: -45px;
  width: 279px;
}
.program-right {
  width: 446px;
}

/****** perk ******/
.perks {
  padding: 70px 0px 100px 0px;
} 
.perks1 {
    padding: 30px 25px 0px 25px;
    height: 350px;
} 
.perks-row {
  column-gap: 15px;
}
.perks1 h4 {
  margin: 40px 0px 0px 0px;
  font-size: 21px;
  line-height: 31px;
} 

/***** about *****/

.about {
  padding: 100px 0px 110px 0px;
} 
.about-row {
  align-items: flex-start;
}
.about-left {
  width: 450px;
}
img.about-right {
  width: 397px;
}
.about-left p {
  font-size: 22px;
  line-height: 37px;
} 
.about-left h2 {
  margin: 35px 0px 25px 0px;
}
a.cont-btn {
  margin: 40px 0px 0px 0px;
} 



/****** process *****/
.process {
  padding: 78px 0px 78px 0px;
} 
.process-row {
  width: 70%;
} 
.process-text {
    width: 590px;
}
.process-text p {
  margin: 0px 0px 15px 0px;
  font-size: 19px;
  line-height: 32px;
} 
.process-text p.last {
  margin: 0px 0px 0px 0px;
}
a.call {
  font-size: 23px;
} 
a.call i.fas {
  font-size: 17px;
  width: 55px;
  height: 55px;
} 

}

@media (max-width :991px) and (min-device-width :768px) {

.grid{
	width: 95%;
}
.flex{
	width: 90%;
}
h2 {
  font-size: 39px !important;
  line-height: 55px !important;
}

/**** menu ******/

.menu-right ul li {
  margin: 0px 5px 0px 0px;
} 

/****** banner ******/



.banner-left {
    padding: 30px 0px 0px 0px;
    width: 100%;
    text-align: center;
}
.banner-left h1 {
  font-size: 31px;
  line-height: 42px;
}
.banner-left p {
  margin: 15px 0px 0px 0px;
  font-size: 19px;
  line-height: 29px;
}
.mail-box {
  margin: 40px 0px 50px 0px;
  padding: 38px 18px 38px 18px;
  width: 100%;
}
img.bnr-right {
  display: none;
}
.phone-number {
  margin: 0px auto 0px auto;
} 

/**** program **/
.program {
  padding: 140px 0px 130px 0px;
} 
.program-row {
  display: block;
} 
.program-left {
  width: 80%;
  margin: 0px auto 100px auto;
}
img.prog-right-sm {
  bottom: -90px;
  right: -45px;
  width: 279px;
}
.program-right {
  width: 100%;
}

/****** perk ******/
.perks {
  padding: 70px 0px 60px 0px;
} 
.perks1 {
  padding: 30px 25px 30px 25px;
  height: auto;
  margin: 0px 0px 30px 0px;
}
.perks-row {
  column-gap: 0;
  display: block;
  column-count: 1;
}
.perks1 h4 {
  margin: 40px 0px 0px 0px;
  font-size: 21px;
  line-height: 31px;
} 
.perks-row2 {
  margin: 0px 0px 0px 0px;
}

/***** about *****/

.about {
  padding: 100px 0px 110px 0px;
} 
.about-row {
  align-items: flex-start;
}
.about-left {
  width: 100%;
  text-align: center;
}
.about-left h4::before {
  left: 37%;
} 
img.about-right {
  width: none;
}
.about-left p {
  font-size: 22px;
  line-height: 37px;
} 
.about-left h2 {
  margin: 35px 0px 25px 0px;
}
a.cont-btn {
  margin: 40px auto 0px auto;
} 
img.about-right{
  display: none;
}
img.about-right2{
  margin: 0px auto 25px auto;
  display: block;
}



/****** process *****/
.process {
  padding: 78px 0px 78px 0px;
} 
.process-row {
  width: 100%;
} 
.process-text {
  width: 100%;
  float: none;
  text-align: center;
}
.process-text p {
  margin: 0px 0px 15px 0px;
  font-size: 19px;
  line-height: 32px;
} 
.process-text p.last {
  margin: 0px 0px 0px 0px;
}
a.call {
  font-size: 23px;
  width: max-content;
  margin: 52px auto 0px auto;
}
a.call i.fas {
  font-size: 17px;
  width: 55px;
  height: 55px;
} 

}

@media (max-width :767px) and (min-device-width :280px) {

.grid {
  width: 100%;
  padding: 0px 15px 0px 15px;
}
.flex{
	width: 100%;
  padding: 0px 15px 0px 15px;
}
h2 {
  font-size: 28px !important;
  line-height: 34px !important;
}

/**** menu ******/

.menu-right ul li {
  margin: 0px 5px 0px 0px;
} 

/****** banner ******/



.banner-left {
    padding: 30px 0px 0px 0px;
    width: 100%;
    text-align: center;
}
.banner-left h1 {
  font-size: 25px;
  line-height: 36px;
}
.banner-left p {
  margin: 15px 0px 0px 0px;
  font-size: 19px;
  line-height: 29px;
}
.mail-box {
  margin: 40px 0px 50px 0px;
  padding: 38px 18px 38px 18px;
  width: 100%;
  display: block;
}
img.bnr-right {
  display: none;
}
.phone-number {
  margin: 0px auto 0px auto;
  padding: 20px 10px 20px 10px;
  width: 290px;
} 
input.mail {
  font-size: 20px;
  line-height: 50px;
  width: 100%;
} 
input.input-btn {
  margin: 20px auto 0px auto;
  font-size: 20px;
  width: 202px;
  line-height: 50px;
} 
.phone-number-row i.fas {
  font-size: 17px;
  width: 45px;
  height: 45px;
} 
.phone-number-text {
  width: 210px;
}
.phone-number-text h5 {
  font-size: 15px;
} 
.phone-number-text h4 {
  font-size: 26px;
} 



/**** program **/
.program {
  padding: 140px 0px 60px 0px;
} 
.program-right h2 {
  text-align: center;
} 
.program-row {
  display: block;
} 
.program-left {
  width: 80%;
  margin: 0px auto 0px auto;
}
.program-right ul li {
  margin: 0px 0px 15px 0px;
  padding: 0px 0px 0px 43px;
  font-size: 18px;
  line-height: 39px;
} 
img.prog-right-sm {
  bottom: -50px;
  right: -35px;
  width: 179px;
}
.program-right {
  margin: 90px 0px 0px 0px;
  width: 100%;
}
.program-right ul {
  margin: 30px 0px 0px 0px;
} 
.program-right p {
  margin: 30px 0px 0px 0px;
  font-size: 18px;
  line-height: 30px;
}

/****** perk ******/
.perks {
  padding: 70px 0px 60px 0px;
} 
.perks h2 {
  margin: 0px 0px 45px 0px;
}

.perks1 {
  padding: 30px 25px 30px 25px;
  height: auto;
  margin: 0px 0px 30px 0px;
}
.perks1 h4 {
  margin: 40px 0px 0px 0px;
  font-size: 18px;
  line-height: 28px;
} 
.perks-row {
  column-gap: 0;
  display: block;
  column-count: 1;
}

.perks-row2 {
  margin: 0px 0px 0px 0px;
}

/***** about *****/

.about {
  padding: 60px 0px 60px 0px;
}
.about-row {
  align-items: flex-start;
}
.about-left {
  width: 100%;
  text-align: center;
}
.about-left h4 {
  padding: 0px 0px 0px 0px;
  margin: 40px auto 0px auto;
  font-size: 21px;
  line-height: 31px;
  width: 240px;
}
.about-left h4::before {
  left: 0%;
}
img.about-right {
  width: none;
}
.about-left p {
  font-size: 18px;
  line-height: 32px;
}
.about-left h2 {
  margin: 15px 0px 15px 0px;
}
a.cont-btn {
  margin: 40px auto 0px auto;
} 
img.about-right{
  display: none;
}
img.about-right2{
  margin: 0px auto 25px auto;
  display: block;
}



/****** process *****/
.process {
  padding: 78px 0px 78px 0px;
} 
.process-row {
  width: 100%;
} 
.process-text {
  width: 100%;
  float: none;
  text-align: center;
}
.process-text p {
  margin: 0px 0px 15px 0px;
  font-size: 19px;
  line-height: 32px;
} 
.process-text p.last {
  margin: 0px 0px 0px 0px;
}
a.call {
  font-size: 23px;
  width: max-content;
  margin: 52px auto 0px auto;
}
a.call i.fas {
  font-size: 17px;
  width: 55px;
  height: 55px;
} 

.contact_btn{
  margin: 20px auto;
  width: 242px;
    
}

}




@media (max-width :991px) and (min-device-width :280px){

.menu{
	display:none;
}


/******** menu *****/

.header {
    padding: 15px 0px 0px 0px;
	display:block;
	background: transparent;
	height: auto;
	position:relative;
    z-index: 999;
    height: 105px;
}
.header-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}	
a.logo{
	width:90px;
  display: block;
}	
.dropdown{
	margin:23px 15px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute !important;
	top:0;
	right:0;
}
	
button.tg-btn{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	background:#212529;
	border-radius:5px;
	width: 45px;
	height: 35px;
}
.navbar-toggler-icon {
	margin:0px auto 0px auto !important;
	padding:0px 0px 0px 0px !important;
    display:grid !important;
    width:30px !important;
    height:3px !important;
	background:#fff !important;
	border-radius:5px;
}	
span.mid{
	margin:5px auto 5px auto !important;
}


.dropdown-toggle::after {
    border: none !important;
}	

.dropdown-menu {
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	background:#000 !important;
}
a.dropdown-item {
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px !important;
	background:#000 !important;
	border-radius:0px !important;
	display:block !important;
	font-weight:500 !important;
	font-size:16px !important;
	color:#0e0e0e !important;
	text-transform:uppercase !important;
}
a.midd {
	margin:1px 0px 1px 0px !important;
}	
a.dropdown-item:hover{
	background:#fff !important;
	color:#000 !important;
}
.sidebar2 {
  margin: 90px 0px 0px 0px !important;
  padding: 0px 0px 0px 0px !important;
  width: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  border-radius: 0px;
  z-index: 999999;
  display: none;
  height: 230px !important;
}

.sidebar2 h6.closebtn2{
  padding:15px 0px 8px 0px;
  text-decoration: none;
  font-size: 25px;
  color: #000;
  display: block;
  transition: 0.3s;
  cursor: pointer;
}

.sidebar2 h6.closebtn2:hover {
  color: #000;
}

.sidebar2 .closebtn2 {
  position: absolute;
  top: 0;
  right:15px;
  font-size: 36px;
  margin-left: 50px;
}

.openbtn2 {
  font-size: 20px;
  cursor: pointer;
  background-color: #fff;
  color: white;
  padding: 10px 15px;
  border: none;
}

.openbtn2:hover {
  background-color: #fff;
}

#main {
  transition: margin-left .5s;
}
.texts{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul.menus {
    margin: 60px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 90%;
}
ul.menus li{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
ul.menus li.last{
	margin:0px 0px 0px 0px;
}
ul.menus li a{
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: 600;
	font-size: 21px;
	color: #151414;
  text-align: center;
	display: block;
	border-radius: 40px;
	line-height: 45px;
}	
ul.menus li a.active{
	color: #fff;
	background: #4f462e;
}	
ul.menus li a:hover{
	color: #fff;
	background: #4f462e;
}	
ul.menus li.last{
	margin: 0px 0px 0px 0px;
}



}