@media(max-width: 1210px) {
	.container {
		width: 100%;
	}
	.head {
		padding: 15px 15px 5px;
	}
	.about,
	.gallery {
		padding: 40px 15px 30px;
	}
	.program,
	.blogs,
	.testimonial,
	.partner,
	.top-foot {
		padding: 45px 15px 25px;
	}
	.down-foot {
		padding: 5px 15px;
	}
	.event, 
	.blog, 
	.contact, 
	.classes, 
	.about-us {
    	padding: 30px 15px 35px;
	}
	.photo {
		padding: 0 15px;
	}
	.list .search {
		text-align: center;
	}
	.testimonial .owl-carousel .owl-dot {
		bottom: 15px;
	}
}
@media(max-width: 1180px) {
	.photo .occasion h3:after {
        left: 0%;
	}
}
@media (min-width: 769px) and (max-width: 1180px) { 
    #cssmenu {
        width: calc(100% - 110px);
    }
}
@media(max-width: 980px) {
    .logo img {
       margin-bottom: 0;
}
	.head .right {
		margin-top: 0px;
	}
	.head .right .title {
	    padding-top: 15px;
	}
	.head .right .title h3 {
	    font-size: 24px;
	}
	.head .right .find {
	    padding-top: 0px;
	}
	.head .tel {
	    font-size:16px;
	}
	.menu {
	    margin-top: 50px;
	}
	.cta .text h2,	
	.absolute .text h3 {
		font-size: 30px;
	}
	.photo .occasion h3:after {
    left: 0%;
    }
    .photo .occasion h3, 
    .classes .primary h3, 
    .prime h3 {
        font-size: 35px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) { 
    .header h3, 
    .about .information h3 {
        font-size: 38px !important;
    }
    .top-foot h3 {
        font-size: 26px;
    }
    
}
@media(max-width: 768px) {
	.head .logo {
		width: 15%;
	}
	.head .right {
		width: 85%;
		margin-top: 10px;
	}
	.head .right .find {
		padding: 13px 0 5px;
	}
	.head .right .find .tel,
	.head .right .find .add,
	.head .right .find .country {
		display: block;
        padding-left: 5px;
        font-size: 14px;
	}
	.head .right .title {
	    padding-top: 5px;
	}
	
	.cta .text h2, 
	.absolute .text h3 {
    	font-size: 25px;
	}
	.blog .secondary,
	.event .secondary,
	.classes .paragraph,
	.classes .images,
	.prime,
	.about-us .secondary,
	.contact .secondary,
	.about .information,
	.about .images {
		width: 100%;
    	float: none;
    	padding-left: 0px;
	}
	.head .right .title,
	.about .information {
		padding-bottom: 10px;
	}
	.down-foot .info, 
	.down-foot .social-icons {
		width: 100%;
		float: none;
		text-align: center;
	}
	.prime {
		padding-right: 0;
	}
	.contact .secondary,
	.event .secondary {
		padding-left: 15px;
	}
	.photo .occasion h3:after {
    	left: 0%;
	}
	.services .col:nth-of-type(3n+1) {
		clear: none;
	}
	.services .row {
		margin-left: -2%;
	}
	.services .col {
		width: 48%;
    	margin-left: 2%;
	}
    .header h3, 
    .about .information h3 {
        font-size: 32px !important;
    }
    .top-foot h3 {
        font-size: 23px !important;
    }
}

@media(max-width: 640px) {
	.head .logo {
    	width: 100%;
    	text-align:center;
	}
	.head .right {
    	width: 100%;
    	margin-top: 75px;
    		text-align:center;
    		display: flex;
    flex-direction: column;
    align-items: center;
	}
	.head .right .title {
    	font-size: 25px;
    	padding-top: 10px;
    		text-align:center;
	}
	.head .right .title h3 {
	    font-size: 22px;
	}
	.head .right .find,
	.head .right .title h6 {
    	font-size: 12px;
	}
	.primary h3 {
	    font-size: 32px !important;
	}
	.photo .occasion h3, 
    .classes .primary h3, 
    .prime h3 {
        font-size: 28px !important;
    }
	.photo .occasion .images:nth-of-type(3n+1),
	.top-foot .col:nth-of-type(3n+1),
	.partner li:nth-of-type(4n+1), 
	.blogs .row .col:nth-of-type(3n+1),
	.program .row .col:nth-of-type(3n+1),
	.gallery li:nth-of-type(4n+1) {
		clear: none;
	}
	.photo .occasion .row,
	.top-foot .row,
	.blogs .row,
	.program .row,
	.gallery .images {
    	margin-left: -2%;
	} 
	.photo .occasion .images,
	.top-foot .col,  
	.blogs .row .col,
    .program .row .col,
	.gallery li {
		width: 48%;
    	margin-left: 2%;
	}
	.photo .occasion {
   	 padding: 20px 15px 5px;
	}
	.absolute .text p {
		display: none;
	}
}
@media(max-width: 540px) {
	.head .right,
	.head .logo {
      width: 100%;
      text-align: center;
	}
	.head .logo img {
		width: 35%;
	}
	.head .right {
   	 	margin-top: 3px;
	}
	.head .right .find {
		display: none;
	}
	.head .right .title {
      font-size: 17px;
	}
	/*.absolute .text p {
		display: none;
	}*/
	.blog .post .prime:nth-of-type(2n+1),
    .services .col:nth-of-type(3n+1),
	.photo .occasion .images:nth-of-type(3n+1),
	.top-foot .col:nth-of-type(3n+1),
	.partner li:nth-of-type(4n+1), 
	.blogs .row .col:nth-of-type(3n+1),
	.program .row .col:nth-of-type(3n+1),
	.gallery li:nth-of-type(4n+1) {
		clear: both;
	}
	.blog .post .row,
	.event .prime .row,
	.services .row,
	.photo .occasion .row,
	.top-foot .row,
	.blogs .row,
	.program .row,
	.gallery .images {
    	margin-left: 0%;
	}
	.blog .post .prime .col, 
	.services .col,
	.photo .occasion .images,
	.top-foot .col,  
	.blogs .row .col,
    .program .row .col,
	.gallery li {
		width: 100%;
    	margin-left: 0%;
	}
	.photo .occasion h3:after {
    	left: 0%;
	}
	.head .right .title h6 {
    text-align: center;
	}
	.comment .col .text {
    width: 100%;
    margin-left: 0;
}
.comment .col .text:before {
    border-right: 0;
    border-left: 15px solid #f9f9f9;
    left: 80%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #f9f9f9;
    top: 100%;
}
	.comment .col figure {
    width: 40%;
    margin-top: 20px;
}
}
@media all and (max-width: 800px), 
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), 
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), 
only screen and (min-resolution: 192dpi) and (max-width: 1024px), 
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    background: #192cbc;
    position: absolute;
  }
  #cssmenu #menu-button {
  	 line-height: 0.31;
  }
  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu.align-right > ul {
    float: none;
  }
  #cssmenu.align-center > ul {
   text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 5px 25px 5px 25px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    /*color: #d3eced;*/
    padding: 18px 25px 18px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    /*background: url('images/bg.png');*/
    cursor: pointer;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
    padding: 5px 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    border-bottom: 2px solid #d3eced;
    right: 25px;
    top: 18px;
    top: 14px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    right: 25px;
    top: 28px;
    top: 24px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
}