/* #Media Queries
================================================== */
	
	@media screen and (max-width: 1240px){
		
		.buil4_txt {
		 float: none;
		width: 100%;
		}
		.buil6_txt {
			float: none;
		}
		.buil6_img {
		 float: none;
			width: 100%;
		}
		.buil6_img p {
			text-align: center;
		}
		.buil6_img p img {
			padding-left: 20px;
			padding-top: 120px;
		}
		.buil3_02 ul {
    width: 60%;
}
#alumni_img1, #alumni_img2, #alumni_img3, #alumni_img4{
				width: 215px;
				height: 215px;
				padding: 2%;
			     margin: 0 1.2% 8% 1.2%;	
			}

	}

	@media screen and (max-width: 1200px) {
		
		/* -------------------------------------------------- */
		/*	Social Share
		/* -------------------------------------------------- */	
		
			.social-like,
			.social-share { padding: 0; }
		
			.social-like  { border-right-width: 0; }
			.social-share { padding-right: 5px; }
		
			.side-share { display: block; }
			
			.post-footer .side-share { 
				display: inline-block; 
				padding-left: 10px;
			}

		/* ---------------------------------------------------------------------- */
		/*	Widgets + Shortcodes
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*	Social Icons
			/* -------------------------------------------------- */

			ul.social-icons li a {
				width: 40px;
				height: 40px;
			}
			
			/* Style Fall Vertical */
			
			ul.style-fall li a:before, 
			ul.style-fall li a:after {
				font-size: 19px;
				line-height: 40px;
			}	
			
			#shop_img1, #shop_img2, #shop_img3, #kid_img1, #kid_img2, #kid_img3{
				width: 250px;
				height: 250px;
			    margin: 0px 3% 8% 3%;
			}
			
			section.shop_info h3, section.kids h3{
			    font-size: 20px;
			}
	}

	@media screen and (min-width: 993px) and (max-width: 1200px) {
		
		.section.buil2 ul li div {
    width: 96%;
    height: 225px;
    background: rgba(0, 0, 0, 0.63);
    border-radius: 50%;
    text-align: center;
    margin: 4%;
}
		/* -------------------------------------------------- */
		/*	Mini Contacts
		/* -------------------------------------------------- */	

			.mini-contacts li { margin-right: 13px; }
			
		/* ---------------------------------------------------------------------- */
		/*	Portfolio
		/* ---------------------------------------------------------------------- */	
				
			/* -------------------------------------------------- */
			/*	Portfolio Items
			/* -------------------------------------------------- */

				.portfolio-items.col-5 article,
				.portfolio-items.col-6 article { width: 33.33333333333333%; }	
			
		/* ---------------------------------------------------------------------- */
		/*	Section
		/* ---------------------------------------------------------------------- */	
			
			/* -------------------------------------------------- */
			/* Cycle Rotator
			/* -------------------------------------------------- */	

				.cycle-rotator .item h1 {
					font-size: 50px;
				}		
		
		/* ---------------------------------------------------------------------- */
		/*	Blog
		/* ---------------------------------------------------------------------- */	
		
			/* -------------------------------------------------- */
			/*	Masonry Blog 
			/* -------------------------------------------------- */
				
	}


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

			.buil3_01_img img{width:100%;}

}

	/* Smaller than standard 992 (devices and browsers) */
	@media only screen and (max-width: 992px) {

		.buil3_02 ul {
			width: 100%;
			margin-top: 20px;
		}
		section.section.buil7 ul li {
				width: 50%;
			}
			li.li02 {
			font-size: 14px;
		}


			.buil6_img p {
				display: none;
			}

			.section.buil2 ul li {
				float: left;
				width: 50%;
				margin: 0 auto;
			}
					.section.buil2 ul li div {
				text-align: center;
				margin: 0 auto;
				margin-bottom: 20px;
			}
			
		h2.mobile_title02 p {
			font-size: 14px;
		}
			/* -------------------------------------------------- */
			/*	Social Icons
			/* -------------------------------------------------- */
#q_menu {
		top: 7%;
	}
		#q_menu02 {top: 23%;}
		#top-bar ul.social-icons {
					float: none;
					margin-bottom: 7px;
					text-align: center;
				}

			#shop_img1, #shop_img2, #shop_img3, #kid_img1, #kid_img2, #kid_img3{
				width: 200px;
				height: 200px;
			    margin: 0 3% 8% 3%;
			}

			 #alumni_img1, #alumni_img2, #alumni_img3, #alumni_img4 {
			   width: 165px;
				height: 165px;
			 }

			#shop_img1 img, #shop_img2 img, #shop_img3 img, #kid_img1 img, #kid_img2 img, #kid_img3 img, #alumni_img1 img, #alumni_img2 img, #alumni_img3 img, #alumni_img4 img{
				width:60%;
			}
			section.shop_info h3, section.kids h3{
			    font-size: 16px;
			}

			section.alumni_info h3 {
			   font-size: 17px;
			}
			.sub_visual_container h2 span {
				font-size: 54px;
			}
			.sub_visual_container h2 {
				font-size: 19px;
			}
			.sub_visual_container {
				margin-bottom: 60px;
			}
			.company {
				padding: 0px 3%;
			}
			.board_wrap {
				padding: 0 3%;
			}

		
		/* ---------------------------------------------------------------------- */
		/*	Header
		/* ---------------------------------------------------------------------- */
		
			.header-type-out .header-out,
			.header-type-in .header-in,
			.header-type-fixed .header-in { padding: 0px 0; }
			
			.header-type-fixed .header-shrink-fixed .header-in { padding-top: 5px; }
			
			/* -------------------------------------------------- */
			/*	Mobile Menu
			/* -------------------------------------------------- */
		
			#mobile-advanced {
				position: absolute;
				top: 0;
				right: -100%;
				z-index: 101;
				overflow: hidden;
				display: block;
				width: 100%;
				height: 100%;
				background-color: #e60c37;
				pointer-events: none;
				
				
				-webkit-transform-origin: 0 0;
						  transform-origin: 0 0;
				
				-webkit-transition: -webkit-transform .35s ease;
						  transition: transform .35s ease;
				
				-webkit-transform: translateX(0);
						  transform: translateX(0);
			}
			
			#wrapper.active .mobile-advanced {
				pointer-events: auto;
				
				-webkit-transform: translate(-100%, 0);
						  transform: translate(-100%, 0);
			}

				.mobile-advanced > ul { padding-top: 80px; }

					.mobile-advanced li {
						display: block;
						list-style: none;
					    text-align: center;
					}

						.mobile-advanced li > span {
							display: block;
							padding: 10px 15px;
							color: #262626;
							font-weight: 400;
						}

						.mobile-advanced li a {
							display: block;
							padding: 10px 20px;
							border-bottom: 1px solid #ccc;
							line-height: 1.15em;
						}

						.mobile-advanced > ul > li > a {
							border-bottom-width: 0;
							background-color: #e60c37;
							color: #fff;
							font-weight: 400;
							font-size: 16px;
						}	
						.mobile-advanced > ul > li > a:hover {
							color:#000;
							font-weight:bold;
						}
						.mobile-advanced ul ul li > a { padding-left: 30px; }

						.mobile-advanced ul ul li > a:before {
							position: relative;
							top: -2px;
							margin-right: 5px;
							font-size: 8px;
							font-family: 'fontello';
							content: "\e9a4";
						}
						
						.mobile-advanced ul .mega-menu ul li > a:before { content: "\e9a4  \e9a4"; }
						
							.mobile-advanced ul ul ul li > a	     { padding-left: 55px; }
							.mobile-advanced ul .mega-menu ul li > a { padding-left: 35px; }
					
				#advanced-menu-hide {
					position: fixed;
					top: 20px;
					right: 30px;
					z-index: 105;
					width: 30px;
					height: 30px;
					background-color: #fff;
					text-align: center;
					
					-webkit-backface-visibility: hidden;
							backface-visibility: hidden;
					-webkit-border-radius: 6px;
							border-radius: 6px;	
				}
				
				#wrapper.active #advanced-menu-hide {
					visibility: visible;
					pointer-events: auto;
					
					-webkit-transform: translateX(0);
							transform: translateX(0);
				}
				
				#advanced-menu-hide:after {
					color: #e60c37;
					font-size: 16px;
					font-family:'Glyphicons Halflings';
					content: "\e014";
					vertical-align: middle;
					text-align: center;
					line-height: 30px;
				}

			/* -------------------------------------------------- */
			/* Search Box
			/* -------------------------------------------------- */	

				.mobile-advanced .search-icon { display: none; }

				.mobile-advanced .inner-tooltip {
					position: relative;
					display: block;
					padding: 10px;
					width: 100%;
				}
				
					.mobile-advanced .inner-tooltip label { display: block; }
				
						.mobile-advanced #searchform input[type="text"] {
							padding: 8px 15px;
							width: 100%;
						}
				
			/* -------------------------------------------------- */
			/*	Main Navigation
			/* -------------------------------------------------- */
			td.media_img {
				width: 41%;
			}	
			.responsive-nav-button {
				display: inline-block;
				vertical-align: middle;
			}	
						
			#header #navigation {
				position: absolute;
				z-index: 999;
				right: 0;
				left: 0;
				top: 100%;
				display: none;
				overflow: hidden;
				margin-bottom: 7px;
				padding-top: 0;
				width: 100%;
				background-color: #fff;
				
				-webkit-border-radius: 3px;
						border-radius: 3px;
			}
			#logo > a > img { width:155px; padding-bottom: 15px;}
			#logo > a > span {  }

			.navigation ul li {
				display: block;
				float: none;
				margin: 2px;
				padding-bottom: 0;
			}

				.navigation ul li > a {
					padding: 10px 15px;
					background-color: #262626;
					color: #fff;
					cursor: pointer;
					font-weight: 400;
					text-align: center;
				}
				
				.navigation ul a:hover,
				.navigation ul .current-menu-item > a,
				.navigation ul .current-menu-parent > a,
				.navigation ul .current-menu-ancestor > a,
				.navigation ul .current_page_item > a,
				.navigation ul .current_page_parent > a,
				.navigation ul .current_page_ancestor > a { 
					background-color: #f85c37;
				}

				.navigation ul a {
					-webkit-border-radius: 3px;
							border-radius: 3px;
				}
				
				.navigation ul a:hover:after,
				.navigation ul .current-menu-item > a:after,
				.navigation ul .current-menu-parent > a:after,
				.navigation ul .current-menu-ancestor > a:after,
				.navigation ul .current_page_item > a:after,
				.navigation ul .current_page_parent > a:after,
				.navigation ul .current_page_ancestor > a:after { color: #00c2a9; }

			/* Dropdown */
			
			.navigation ul ul {
				position: relative;
				display: none;
				padding: 2px 10% 2px 10%;
				width: 100%;
				background-color: #ececec;
				
				-webkit-border-radius: 3px;
						border-radius: 3px;  
			}

				.navigation ul ul a:hover,
				.navigation ul ul .current-menu-item > a,
				.navigation ul ul .current-menu-parent > a,
				.navigation ul ul .current-menu-ancestor > a,
				.navigation ul ul .current_page_item > a,
				.navigation ul ul .current_page_parent > a,
				.navigation ul ul .current_page_ancestor > a { color: #00c2a9; }

		/* ---------------------------------------------------------------------- */
		/*	Footer
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*	Bottom Footer
			/* -------------------------------------------------- */	

				.copyright { font-size: 11px; }
				.developed { font-size: 10px; }	
				
	}
	ul.agree {
    position: absolute;
    top: 8%;
    right: 3%;
}
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	



	
	}
	
	
	
	
	@media only screen and (min-width: 768px) and (max-width: 992px) {
		
		/* ---------------------------------------------------------------------- */
		/*	Content
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*  Extra Radius
			/* -------------------------------------------------- */

				.ls-layer .extra-radius {
					margin: 0;
					width: 280px;
					height: 280px;
				}	
					
					.ls-layer .inner-content h3 { font-size: 25px; }
					
			/* -------------------------------------------------- */
			/* Cycle Rotator
			/* -------------------------------------------------- */	

				.cycle-rotator .item h1 { font-size: 55px; }	
				
			/* -------------------------------------------------- */
			/*	Contacts
			/* -------------------------------------------------- */

			.contact-text {
				display: inline-block;
				width: 49%; 
			}	
			
		/* ---------------------------------------------------------------------- */
		/*	Blog
		/* ---------------------------------------------------------------------- */	
		
			/* -------------------------------------------------- */
			/*	Masonry Blog 
			/* -------------------------------------------------- */
			
				.masonry .post-item,
				.masonry.col-4 .post-item,
				#main .masonry .post-item { 
					width: 46%;
				}
				
				.section > #post-area.masonry .post-item {
					padding-left: 20px;
					padding-right: 20px;
				}	

		/* ---------------------------------------------------------------------- */
		/*	Portfolio
		/* ---------------------------------------------------------------------- */	
				
			/* -------------------------------------------------- */
			/*	Portfolio Items
			/* -------------------------------------------------- */

				.portfolio-items.col-4 article,
				.portfolio-items.col-5 article,
				.portfolio-items.col-6 article { width: 33.33333333333333%; }
				
			/* -------------------------------------------------- */
			/*	Portfolio Single
			/* -------------------------------------------------- */

				.project-meta span { font-size: 12px; }

		/* ---------------------------------------------------------------------- */
		/*	Widgets + Shortcodes
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*	Content Box
			/* -------------------------------------------------- */		

				.content-boxes > ul > li { width: 50%; }	
				.cata_inner li{
					float:left;
					width:45%;
					margin:0 2.5%;
				}
				.align-center{padding-top:50px;}

				.ipad_inner2 {
			padding-top: 62px;
			width: 254px;
			margin: 0 auto;
			position: relative;
		}
			
section.section.buil7 ul li {
    width: 50%;
    float: left;
}




	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#q_menu02{display:none;}
		.buil3_01_img {
			display: none;
		}

		.buil3_02 {
			text-align: center;
		}
		.buil3_01 {
		background: #35a6d9;
		padding: 100px 0 50px 0;
		text-align: center;
		}
		.buil3_01_txt ul li span {
			text-align: center;
			width:100%;
		    font-weight: bold;
			}
		.buil3_01_txt ul li p, .buil3_01_txt ul li p a {
			text-align: center !important;
			width: 100%;
		}
		.buil3_01_txt ul li{text-align: center;    margin-bottom: 15px;}
		.buil3_01_txt ul {
		padding: 0 3%;
		}
		.buil3_01 h2 , section.section.buil4 h2, section.section.buil5 h2, section.section.buil5_01 h2, .section.section.buil6 h2, section.section.buil7 h2, h2.mobile_title02{
			font-size: 30px;
		    text-align: center;
		}
		.buil3_02 {
			padding: 50px 3% 100px 3%;
			background: #eeeeee;
		}

		h2.mobile_title02 {
			font-size: 30px;
			color: #fff;
			font-weight: 300 !important;
			padding-top: 50px;
		}
		.align-center {
			padding: 50px 20px 0 20px;
		}
		.buil4_txt {
			width: 100%;
		}
		section.section.buil4 {
		   padding: 50px 4%;
		}
		section.section.buil5 {
			padding: 50px 0;
		}
		section.section.buil4 h4, section.section.buil5_01 h4 {
			font-size: 20px;
		}

		.buil4_box01, .buil4_box02{margin:50px 4%;}
		
		.buil4_box02 ul {
			float: none;
			width: 100%;
			padding: 20px 0;
		}
		.buil4_txt h5 {
		font-size:14px;
		}
		section.section.buil4 h4, section.section.buil5_01 h4{float:none;}
		.buil4_box02 ul li {
			float: left;
			width: 48%;
			text-align: center;
			margin-bottom: 30px;
			padding: 1%;
		}
		section.section.buil5_01 {
		padding-bottom: 50px;
		}
		section.section.buil6 {
			padding: 100px 4%;
		}
		.buil6_txt h5 {
			font-size: 18px;
			text-align:center;
			margin-bottom:30px;
		}
		section.section.buil6 ul li {
			 float: none;
			text-align: center;
		}
			li.right {
			    float: none !important;
		}




		/* -------------------------------------------------- */
		/*	Typography
		/* -------------------------------------------------- */

			blockquote.quote-text { padding-left: 50px; }
			
			blockquote.quote-text:before {
				left: -5px;
				top: 8px;
				font-size: 65px;
			}
		
		/* -------------------------------------------------- */
		/*	Contact and Comments Form
		/* -------------------------------------------------- */

			.inputs-block {
				margin-right: 0;
				width: 100%;
			}

			.textarea-block {
				margin-left: 0;
				width: 100%;
			}

			.full-inputs-block .input-block {
				display: inline-block;
				margin-left: 0;
				width: 100%;
			}

				.full-textarea-block textarea { min-height: 160px; }
						
		/* ---------------------------------------------------------------------- */
		/*	Top Bar
		/* ---------------------------------------------------------------------- */
		
			/* -------------------------------------------------- */
			/*	Mini Contacts
			/* -------------------------------------------------- */		
			
			.mini-contacts { text-align: center; }
			
				.mini-contacts li {
					display: none;
					margin-right: 0;
				}	

		/* ---------------------------------------------------------------------- */
		/*	Header
		/* ---------------------------------------------------------------------- */	
				
			/* -------------------------------------------------- */
			/*	Logo
			/* -------------------------------------------------- */

				#logo { 
					padding: 0px 0 0 10px;
					max-width: 80%; 
				}
				
				.header-type-out #logo {
					padding: 30px 0;
					display: block;
					margin: 0 auto;
					text-align: center;
				}
				
			/* -------------------------------------------------- */
			/*	Social Icons in Header
			/* -------------------------------------------------- */

				#header ul.social-icons { 
					display: block;
					padding-top: 0; 
					text-align: center;
				}

		/* ---------------------------------------------------------------------- */
		/*	Slider
		/* ---------------------------------------------------------------------- */

		/* ---------------------------------------------------------------------- */
		/*	Page Header
		/* ---------------------------------------------------------------------- */

			.page-header h1 { font-size: 40px; }

		/* ---------------------------------------------------------------------- */
		/*	Main
		/* ---------------------------------------------------------------------- */
		
			/* -------------------------------------------------- */
			/* Slogan Title
			/* -------------------------------------------------- */
			
			.section-title { margin-bottom: 30px; }

				.section-title * { padding: 0; }

				.section-title *:after,
				.section-title *:before { display: none; }

			/* -------------------------------------------------- */
			/*	Clients
			/* -------------------------------------------------- */			

				.clients-items li { width: 50%; }
				
		/* ---------------------------------------------------------------------- */
		/*	Blog
		/* ---------------------------------------------------------------------- */	
		
			/* -------------------------------------------------- */
			/*	Masonry Blog 
			/* -------------------------------------------------- */
			
				#main > #post-area.masonry, 
				.col-xs-12 > #post-area.masonry {
					margin-left: 0;
					margin-right: 0;
				}
			
				.masonry .post-item,
				.masonry.col-4 .post-item,
				#main .masonry .post-item { 
					margin-left: 0;
					margin-right: 0;
					padding-left: 0;
					padding-right: 0;
					width: 100%;
				}
				
				.section > #post-area.masonry .post-item {
					padding-left: 25px;
					padding-right: 25px;
				}
				
			/* -------------------------------------------------- */
			/*	Comments
			/* -------------------------------------------------- */

			#comments { margin-left: 0; }	

			/* -------------------------------------------------- */
			/*	Respond
			/* -------------------------------------------------- */

			#respond { margin-left: 0; }

				#respond input[type="text"],
				#respond input[type="email"],
				#respond input[type="url"] { width: 100%; }

				#respond textarea {
					width: 100%;
					min-width: 100%;
					min-height: 200px;
				}	
				
		/* ---------------------------------------------------------------------- */
		/*	Section
		/* ---------------------------------------------------------------------- */
		
			/* -------------------------------------------------- */
			/* Reading Box
			/* -------------------------------------------------- */	

				.reading-box { text-align: center; }
				
					.reading-box h3 { margin-bottom: 25px; }	
					
			/* -------------------------------------------------- */
			/* Fullscreen
			/* -------------------------------------------------- */	

				.fullscreen-entry { padding: 2%; }	
				
			/* -------------------------------------------------- */
			/* Cycle Rotator
			/* -------------------------------------------------- */	

				.cycle-rotator .item h1 { font-size: 29px; }	
			
			/* -------------------------------------------------- */
			/* Pricing Tables
			/* -------------------------------------------------- */	

				.simple-pricing-table .column { 
					margin-bottom: 20px;
					width: 100%;
				}

				.simple-pricing-table.col-2 .column,
				.simple-pricing-table.col-3 .column,
				.simple-pricing-table.col-4 .column { width: 100%; }
				
				.simple-pricing-table .column:hover,
				.simple-pricing-table .featured {
					-webkit-transform: scale(1);
							transform: scale(1);
				}

		/* ---------------------------------------------------------------------- */
		/*	Blog
		/* ---------------------------------------------------------------------- */	
		
		.entry-item .entry-meta {
			position: relative;
			left: auto;
			top: auto;
			margin-bottom: 10px;
			width: auto;
		}
		
		.entry-item .entry-body {
			margin-left: 0;
			margin-bottom: 25px;
			padding-bottom: 25px;
		}
		
			.entry-item .post-meta { margin-bottom: 15px; }

		/* ---------------------------------------------------------------------- */
		/*	Portfolio
		/* ---------------------------------------------------------------------- */	
				
			/* -------------------------------------------------- */
			/*	Portfolio Items
			/* -------------------------------------------------- */

				.portfolio-items.col-3 article,
				.portfolio-items.col-4 article,
				.portfolio-items.col-5 article,
				.portfolio-items.col-6 article { width: 100%; }	
				
			/* -------------------------------------------------- */
			/*	Portfolio Single
			/* -------------------------------------------------- */	
			
			.project-single-entry + .tabs-holder { margin-bottom: 0; }
			
			/* Project Similar Posts */

				.project-similar li { width: 50%; }
				
			/* -------------------------------------------------- */
			/*	Image List
			/* -------------------------------------------------- */	

			.image-list { margin-bottom: 30px; }
			
		/* ---------------------------------------------------------------------- */
		/*	Footer
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*	Bottom Footer
			/* -------------------------------------------------- */	

				.copyright, .developed { text-align: center; }
				
		/* ---------------------------------------------------------------------- */
		/*	Widgets + Shortcodes
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*	Content Box
			/* -------------------------------------------------- */		

				.content-boxes > ul > li { width: 100%; }	
				.cata_inner li{
					float:left;
					width:100%;
					margin:0%;
				}				
				.align-center{padding:50px 20px 0 20px;}
			/* -------------------------------------------------- */
			/*	Counter
			/* -------------------------------------------------- */		

				.counter-box .counter { 
					margin: 15px 0;
					width: 100%; 
				}		
				section.section.buil7 ul li {
				width: 100%;
			}
			section.section.buil7 {
				padding: 100px 0;
				background: url(../img/sub/sub6_bg4.jpg) no-repeat center bottom;
				background-size: cover;
			}
			li.li03 {
			left: 91%;
		}
		section.section.buil7 ul li ul {
			height: 195px;
		}

		
	}

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

.section.buil2 ul li {
    float: left;
    width: 100%;
    margin: 0 auto;
}
.buil4_box02 ul li {
    float: none;
    width: 100%;
}
.buil4_box02 img {
    float: none;
}
.buil3_02 ul li {
    width: 50%;
}

	#back-top4 {
		display: inline-block;
		position: fixed;
		right: 14px;
		bottom: 262px;
		z-index: 999;
	}
	#back-top1 img, #back-top2 img, #back-top3 img{
		display:none;
	}
	#back-top1 span, #back-top2 span, #back-top3 span{
		display:block;
		font-size:13px;
		color:#fff;
		letter-spacing:-1px;
	}

}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		/* ---------------------------------------------------------------------- */
		/*	Content
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*  Extra Radius
			/* -------------------------------------------------- */
		
			.extra-radius { 
				width: 200px;
				height: 200px;
			}
			
				.inner-content h2 { 
					margin-bottom: 10px;
					font-size: 25px; 
				}
				
				/* for Layer Slider */
				
				.ls-layer .extra-radius {
					margin: 0;
					width: 195px;
					height: 195px;
				}	
					
					.ls-layer .inner-content h3 { font-size: 17px; }	
		
		/* ---------------------------------------------------------------------- */
		/*	Portfolio
		/* ---------------------------------------------------------------------- */	
				
			/* -------------------------------------------------- */
			/*	Portfolio Items
			/* -------------------------------------------------- */

				.portfolio-items.col-3 article,
				.portfolio-items.col-4 article,
				.portfolio-items.col-5 article,
				.portfolio-items.col-6 article { width: 50%; }	
		
		/* ---------------------------------------------------------------------- */
		/*	Widgets + Shortcodes
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*	Tabs
			/* -------------------------------------------------- */

				.tabs-nav li a { padding: 12px 20px; }

			/* -------------------------------------------------- */
			/*	Counter
			/* -------------------------------------------------- */

				.counter-box .counter { width: 50%; }

				
	}

	@media only screen and (max-width: 425px) {
			
		.buil3_01_txt ul li span {
			display: block;
			float: none;
			font-weight: bold;
		}
		.buil3_01_txt ul li {
			text-align:center;
			margin-bottom: 15px;
		}
		li.li03 {
		left: 85%;
	}

	
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		/* ---------------------------------------------------------------------- */
		/*	Content
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*  Extra Radius
			/* -------------------------------------------------- */

			.extra-radius { 
				width: 260px;
				height: 260px;
			}
			.sub_visual_container {
				height: 185px;
			}
			.sub_visual_container h2 {
				padding-top: 58px;
			}
			.sub_visual_container h2 {
				font-size: 15px;
			}
			.sub_visual_container h2 span {
				font-size: 48px;
				margin-top: 16px;
			}
			.sub_visual_container {
				margin-bottom: 30px;
			}
				.inner-content h2 { 
					margin-bottom: 10px;
					font-size: 35px; 
				}
				
				/* for Layer Slider */

				.ls-layer .extra-radius {
					margin: 0;
					width: 105px;
					height: 105px;
				}	
					
					.ls-layer .inner-content h3 { font-size: 10px; }
		
			/* -------------------------------------------------- */
			/*	Portfolio Filter
			/* -------------------------------------------------- */

			.filter-container { text-align: left; }

				.portfolio-filter li {
					display: inline-block;
					margin: 1%;
					width: 48%;
					text-align: center;
				}
				
			/* -------------------------------------------------- */
			/* Cycle Rotator
			/* -------------------------------------------------- */	

				.cycle-rotator .item h1 { font-size: 24px; }		
					
		/* ---------------------------------------------------------------------- */
		/*	Blog
		/* ---------------------------------------------------------------------- */
		
			.entry-item .entry-body { margin-left: 0; }
			
				.post-meta .entry-date:after {
					padding: 0 2px 0 4px;
					content: "/"
				}	

			/* -------------------------------------------------- */
			/*	Masonry Blog 
			/* -------------------------------------------------- */
			
				.section > #post-area.masonry .post-item {
					padding-left: 20px;
					padding-right: 20px;
				}		
				
		/* ---------------------------------------------------------------------- */
		/*	Widgets + Shortcodes
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*	Tabs
			/* -------------------------------------------------- */

			.tabs-nav li { width: 50%; }
			
			/* -------------------------------------------------- */
			/*	Clients
			/* -------------------------------------------------- */			

				.clients-items li { padding: 0 5%; }		

	}


		/* ---------------------------------------------------------------------- */
		/*	Widgets + Shortcodes
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*	mobile 
			/* -------------------------------------------------- */		
			@media only screen and (max-width: 992px) and (min-width: 768px){
			.mobile li {
				float: left;
				width: 50%;
				}
			}

			@media only screen and (max-width: 767px){
			.mobile li {
				float: left;
				width: 100%;
				margin: 0%;
				}
			


			}


		/* ---------------------------------------------------------------------- */
		/*	Widgets + Shortcodes
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*	responsive 
			/* -------------------------------------------------- */		
			@media only screen and (max-width: 992px) and (min-width: 768px){
				#res_img2 {
				    left: 280px;top: 180px;
				}
				#res_img3 {
				    left: 580px;top: 200px;
				}
				section.res h3 {
    /* right: 0; */
    font-size: 31px;
    top: 76%;
    width: 100%;
    text-align: center;
    padding: 0;
}
.imgsContainer img {
    width: 100%;
    padding: 5%;
	top: 29px;
}
				.imgsContainer{
				    height: 800px;
					width: 100%;
				}
			}
			@media only screen and (max-width: 767px){
				#res_img2 {left: 140px;top: 140px;}
				#res_img2.active {left: 120px;top: 140px;}
				#res_img3 {left: 240px;top: 150px;}
				#res_img3.active {left: 360px;top: 150px;}
				section.res h3 {
					/* right: 10px; */
					font-size: 22px;
					/* top: 18%; */
					width: 100%;
					text-align: center;
					top: 79%;
					padding: 3%;
				}
				.cerif {
						margin-bottom: 40px;
						padding: 2%;
				}
				.imgsContainer{height: 680px;    width: 100%;}
				.imgsContainer img {
    position: absolute;
    left: 0px;
    top: 32px;
    width: 100%;
    padding: 3%;
}
.kid {text-align:center;width:100%;}

 #kid_img1, #kid_img2, #kid_img3{
				margin: 3% auto;
				clear:both;
				float: none;
			}

.alumni_con { padding:25px 0; background:#eee !important;}
#alumni_img1, #alumni_img2, #alumni_img3, #alumni_img4 {
			  padding:4%;
				margin: 3% auto;
				clear:both;
				float: none;
			 }

			 section.alumni_info h3{
			    font-size: 18px !important;
				margin-top:5px;
			}
			

			}

			@media only screen and (max-width: 640px){
				#res_img2 {left: 110px;top: 140px;}
				#res_img2.active { left: 30px;top: 110px;}
				#res_img3 {left: 250px;top: 130px;}
				#res_img3.active {left: 240px;top: 90px;}
				/*section.res h3 {right: 10px;font-size: 23px;top: 18%;width: 35%;}*/
				.imgsContainer {height: 650px;}
			}
			
			@media only screen and (max-width: 540px){
				#res_img2 {left: 100px;top: 140px;}
				#res_img2.active { left: 0;top: 40px;}
				#res_img3 {left: 240px;top: 100px;}
				#res_img3.active {left: 180px;top: 10px;}
				/*section.res h3 {right: 10px;font-size: 18px;top: 22%;width: 38%;}*/
.imgsContainer {
    height: 578px;
}
td.media_tb {
    float: left;
    width: 100%;
}
			}

			@media only screen and (max-width: 480px){
				#res_img2 {left: 100px;top: 140px;}
				#res_img2.active { left: -40px;top: 40px;}
				#res_img3 {left: 240px;top: 100px;}
				#res_img3.active {left: 120px;top: 10px;}
				/*section.res h3 {right: 10px;font-size: 18px;top: 20%;width: 40%;}*/
				.imgsContainer{height: 510px;}
				section.res h3 {
				/* right: 10px; */
				font-size: 22px;
				/* top: 18%; */
				width: 100%;
				text-align: center;
				top: 69%;
				padding: 3%;
			}				
			}
@media only screen and (max-width: 420px) {
		section.section.buil7 h2 b, section.section.buil5 h2 b, section.section.buil5_01 h2 b, section.section.buil4 h2 b, .mobile_title02 b{display:block;}
		h2.mobile_title02 {
    font-size: 27px !important;
}
.buil3_02 ul li {
    width: 100%;
}
}

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


		li.li02 {
    padding-top: 20px;
	font-size:13px;
		}
		li.li01 {
			font-size: 17px;
			font-weight: 500;
			line-height:22px;
		}


}
@media only screen and (max-width: 352px) {
		.company_banner{
		display:none;
		}


	}


		/* ---------------------------------------------------------------------- */
		/*	Widgets + Shortcodes
		/* ---------------------------------------------------------------------- */

			/* -------------------------------------------------- */
			/*	responsive 
			/* -------------------------------------------------- */		
			@media only screen and (max-width: 992px) and (min-width: 768px){
				.sch li, .alum li {
					width: 33%;height: 360px;
				}
			}
			@media only screen and (max-width: 767px){
			.sch li, .alum li {
				 width: 100%;height: 360px;
				}
			}