@media all and (max-width:1080px) {
/* Start Mobile Css */  

.container {
      width: 100%;
      padding: 0 15px;
}

.header {
      height: 35vh;

	
}
.logo-header-home img {
      width: 100px;
}
.logo-header {
      float: none;
      margin: 0 auto;
      text-align: center;
}
.search-box-ins {
      width: 100%;
      float: none;
}
.search-box-ins [type=submit] {
      width: 100%;
      position: initial;
}


.search-box {
width:100%;
	margin:15px 0;

}
input, .search-inp{
border-radius: 0 !important;
width: auto;
	margin:0;
	
}
	
.my-search-submit, .search-box [type=submit] {
	position:relative;
}
.header-logo {
      float: none;
      margin: 15px auto;
  }
.flex-container {
      display: block;
}
.flex-container > div {
      margin: 25px 0;
}

.our-books {
      margin: 20px 0  !important;
}
.single-courses {
      overflow: hidden;
      width: 100%;
      margin: 20px 0 0 0 ;
}
.saying-sec, .home-text-waite {
      width: 100%;
}

.footer-social-media ,.copyright{
      text-align: center;
}

.Menu-section-title {
      height: 30px;
      overflow: hidden;
}
.Menu-section-title:hover {
      height: 100%;
}
#mobileMenu input[type="checkbox"] {
      display: block; ;
}

#mobileMenu {
      display: flex;
      flex-direction: column;
      position: relative;
      top: -47px;
      z-index: 1;
      -webkit-user-select: none;
      user-select: none;
    }
    
    #mobileMenu input
    {
      display: flex;
      width: 40px;
      height: 32px;
      position: absolute;
      cursor: pointer;
      opacity: 0;
      z-index: 2;
    }
    
    #mobileMenu span
    {
      display: flex;
      width: 29px;
      height: 2px;
      margin-bottom: 5px;
      position: relative;
      background: #000;
      border-radius: 3px;
      z-index: 1;
      transform-origin: 5px 0px;
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                  opacity 0.55s ease;
    }
    
    #mobileMenu span:first-child
    {
      transform-origin: 0% 0%;
    }
    
    #mobileMenu span:nth-last-child(2)
    {
      transform-origin: 0% 100%;
    }
    
    #mobileMenu input:checked ~ span
    {
      opacity: 1;
      transform: rotate(45deg) translate(-3px, -1px);
      background: #36383F;
    }
    #mobileMenu input:checked ~ span:nth-last-child(3)
    {
      opacity: 0;
      transform: rotate(-45deg) scale(0.2, 0.2);
    }
    
    #mobileMenu input:checked ~ span:nth-last-child(2){
      transform: rotate(-45deg) translate(0, -1px);
    }
    
    .nav-menu{
      position: absolute;
      height: 100vh;
      width: 100%;
      box-shadow: 0 0 10px #1e1e1f;
      padding-top: 125px;
      background-color: #1e1e1f;
      -webkit-font-smoothing: antialiased;
      transform-origin: 0% 0%;
      transform: translate(140%, 0);
      transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
      float: none;
    }
    
    .nav-menu li
    {
      padding: 10px 0;
      transition-delay: 2s;
    }
    
    #mobileMenu input:checked ~ div
    {
      transform: none;
    }
    .nav-menu ul li {
          float: none;
          width: 100%;
    }
    .nav-menu ul li a {
          color: #fff;
    }

    .dropdown-menu-full {
          background-color:#006e68;
          position:initial;
          right: 25px;
    }
    header {
      background: rgb(255 255 255 / 87%);
      position: relative;
      z-index: 1;
      top: 0;
    }
.right-page {
      display: block;
}
.rightPage {
      width: 100%; 
}
.leftPage {
      bottom: 0;
      margin: 0 auto;
      text-align: center;
      position: initial;
      width: 100%;
}
    .first-section{
          margin-top: 100px !important;
    }
    .home-img {
          display: none;
    }
    .content-title {
          font-size: 100%;
    }
    .qasedah {
      font-size: 100%;
}
.qasedah td {
}

	
	h1.page-title {font-size:150%;
	font-weight:bold;}
	.page-header {
		padding:0;
	}
	
	.website-link {
    border-radius: 10px;
    position: static;
	margin:10px;
		
}
	
.header-divs{
		display:block;
}
.logo-header-home{
		width:100%;
}
.add-new-logo {
		width:100%;
}	
	
/* End Mobile Css */  
}

@media all and (max-width:1100px) {
.single-courses {
    width: 100%;
}
input, .search-inp {
    border-radius: 0 !important;
}
	
}