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

html, body { font-size: 14px; }
input, select, textarea { font-size: 14px; }

h2 { font-size: 30px; }

	/* my container */
	.mycontainer { padding: 0px 15px; margin: auto; max-width: 100%; }
	
		/* header wrapper */
		#headerWrapper a.mobilemenubtn { padding: 6px 12px; margin: 10px 0; display: block; float: right; font-family: 'Montserrat', sans-serif; font-size: 30px; color: #ff410d; line-height: 30px; text-transform: uppercase; text-decoration: none; border: 2px solid #ff410d; }
		#headerWrapper a.mobilemenubtn.resources { color: #fff; }
		.mm-menu { background: linear-gradient(to right, #ff6813 0%, #ff3c0c 100%); }
		
		/* header top */
		.headerTop { padding: 10px 0; }
		.headerTop .tagline { font-size: 14px; line-height: normal; }
		.headerTop .toprightMenu ul li { padding: 0; display: none; background: none; }
		.headerTop .toprightMenu ul li a { line-height: normal; }

		.topheader ul li { margin: 0 0 0 9px; }
		.topheader ul li a { width: 33px; height: 33px; line-height: 35px; }
		
		.headerTop .toprightMenu ul li.phone { display: block; }
		
		/* header bottom */
		.headerBottom { padding: 15px 0; }

		
		/* logo area */
		.logoArea { padding: 0; width: 210px; }
		
		/* menu area */
		.menuArea { display: none; }
		.mobilemenuArea { display: block; }
		
		/* banner area */
		.bannerArea .item { height: 770px; }
		.bannerArea .item .overlay { font-size: 18px; line-height: 30px; }
		.bannerArea h2 { padding: 80px 0; font-size: 36px; line-height: 37px; }
		.bannerArea a.mybtn { padding: 10px 15px; font-size: 22px; }
		
		.bannerArea .notice { font-size: 20px; }
		.bannerArea .owl-buttons { display: none; }
		.bannerArea .owl-next { display: none; }
		.bannerArea .owl-prev { display: none; }
		.bannerArea .item .overlay { height: auto; }
		.bannerArea .item { height: auto; }
		
		/* inner banner area */
		.innerbannerArea .overlay { padding: 50px 0; height: auto }
		.innerbannerArea h2 {  font-size: 28px; }

		/* newsletter area */
		.newsletterArea { width: 100%; height: auto; }
		.newsletterArea h3 { padding: 10px 0 0 140px; margin: 4px 0 0 0; width: 100%; height: 102px; }
		.newsletterArea form { padding: 20px 0 30px 0; width: 100%; float: right; }
		.newsletterArea input[type="text"], .newsletterArea input[type="email"], .tnp-subscription select { padding: 7px 15px; margin: 5px 0; width: 100%; }
		.newsletterArea button { margin: 5px 0 0 0; }
		
		/* action Area */
		.actionArea { display: none; }
		
		/* schedule tour Area */
		.scheduletourArea { display: none; }
		
		/* about Area */
		.aboutArea { padding: 0; }
		.aboutArea h1 { font-size: 35px; }
		.aboutArea h2 { padding: 0 0 7px; font-size: 27px; }
		.aboutArea iframe { margin: 0 0 20px 0; width: 100%; float: right; }
		.aboutArea p { line-height: 22px; padding: 0 0 15px; }
		.aboutArea a { margin: 0 0 30px; padding: 10px 20px; font-size: 16px; }
		.aboutArea a::before, .aboutArea a::after, .solutionArea a::before, .solutionArea a::after { width: 45px; }

		/* .solution area */
		.solutionArea, .intrestArea,.thinkArea, .testimonialArea, .footerArea, .cloudArea, .professionalArea, .healthArea, .aboutusArea, .teamArea, .contactusArea { padding: 50px 0; }
		.solutionArea h2 { padding: 0; font-size: 30px; }
		.solutionArea .owl-prev, .solutionArea .owl-next { display: none; }
		.solutionArea .overlay { height: auto; }
		.solutionArea a { margin: 0 0 30px; padding: 10px 20px; font-size: 16px; }
		
		/* intrest area */
		.intrestArea h2 { font-size: 30px; padding: 0 0 20px; }
		.intrestArea ul li { width: 33%; }
		.intrestArea ul li a { font-size: 13px; }
		.intrestArea ul li img { margin: 0 auto 5px; }

		/*think area*/
		.thinkArea p.sloutonPaira { padding: 0 0 15px; font-size: 16px; }
		.thinkArea .itemBox { padding: 15px; margin: -70px auto 15px; }
		.thinkArea .itemBox p { padding: 10px 0; font-size: 14px; }
		.thinkArea .itemBox a { font-size: 15px; }
		.thinkArea a.thinkBtn { padding: 10px 25px; margin: 10px auto 0; width: auto; font-size: 16px; text-align: center; }

		/*testimonial area*/
		.testimonialArea .item h5::before { display: none; }
		.testimonialArea .item { padding: 30px 25px 15px; }
		.testimonialArea .item h6 { padding: 0 0 10px; }
		.testimonialArea .item p { padding: 0 0 10px; }

		/*footer area*/
		.footerArea:after, .cloudArea:after, .professionalArea:after, .healthArea:after, .aboutusArea::after, .contactusArea:after { display: none; }
		.footerArea .item { margin: 0 0 30px; }
		.footerArea p { padding: 30px 0 0 0; font-size: 14px; }
		.footerArea .socialList ul { padding: 20px 0; text-align: center; }
		.footerArea h3 { padding: 15px 0; }
		.footerArea .footerList ul li { padding: 0 0 8px; }
		.footerArea form input { padding: 15px 30px; }
		.copyrightArea { padding: 10px 0; font-size: 12px; }

		/*cloud area*/
		.cloudArea img { padding: 0; }
		.cloudArea h2, .professionalArea h2 { padding: 10px 0; font-size: 24px; }
		.cloudArea .sub h2::after, .professionalArea .sub h2::after { top: -8px; font-size: 45px; }
		.cloudArea p, .professionalArea p { padding: 0 0 10px; font-size: 14px; line-height: 23px; }
		.cloudArea .item:nth-child(1) .sub, .cloudArea .item:nth-child(3) .sub { padding: 15px 20px; margin: 0; position: relative; width: 100%; }
		.cloudArea .item:nth-child(2) .sub, .cloudArea .item:nth-child(4) .sub { padding: 15px 20px; margin: 15px 0 0; position: relative;  width: 100%; }
		.cloudArea figure { width: 100%; margin: 0 0 15px; }

		/*professional area*/
		.professionalArea img { padding: 0 0 20px; }

		/*leftSidebar*/
		.leftSidebar .item { padding: 0; text-align: left; border-right: none; }
		.leftSidebar .item h5 { padding: 0 0 10px; }
		.leftSidebar h4 { padding: 10px 0; font-size: 21px; }
		.leftSidebar p { padding: 0 0 10px; font-size: 15px; line-height: 23px; }
		.leftSidebar a { padding: 10px 20px; margin: 10px 0 25px; font-size: 12px; }
		.navBox { padding: 0 0 30px; }
		.rightSidebar { padding: 20px 15px; }
		.rightSidebar h4 { padding: 0 0 15px; }
		.rightSidebar .item .itemBox { padding: 15px; }
		.rightSidebar .event { padding: 0 0 15px; }
		.rightSidebar .date { margin: 0 10px 0 0; }
		.date h6 { padding: 10px; font-size: 14px; }
		.rightSidebar .date h5 { padding: 10px; font-size: 16px; }
		.rightSidebar .event p { padding: 0; font-size: 14px; }
		.rightSidebar ul li { padding: 5px 0 5px 10px; }

		/*aboutus area*/
		.aboutusArea h2, .teamArea h2 { padding: 0 0 10px; font-size: 28px; }
		.aboutusArea p { padding: 0 0 15px; line-height: 25px; }

		/*team area*/
		.teamArea .item { margin: 20px 0 0; }
		.teamArea .designation { padding: 0 0 15px 10px; }
		.teamArea .designation h4 { padding: 0 0 5px; font-size: 15px }
		.teamArea .designation h3 { font-size: 13px; }
		.teamArea .designation::after { border-bottom: 90px solid #fff; border-right: 288px solid transparent; }
		.teamArea .socialList { padding: 0 5px 20px 0; }
		.teamArea .socialList ul li { margin: 0 5px 0 10px; font-size: 15px; }
		.teamArea .socialList::after { border-bottom: 90px solid #00457c; border-left: 180px solid transparent; }
		.alignright { margin: 0 0 5px 0; }

		/*contactus area*/
		.contactusArea p { padding: 0 0 15px; font-size: 15px; line-height: 27px; }
		.contactusArea .itemForm { margin: 0 auto; width: 100%; }
		.contactusArea .itemForm em { padding: 0; font-style: 16px; }
		.contactusArea .itemForm br { display: none; }
		.contactusArea .itemForm .form-control { padding: 10px 0; margin: 0 0 10px; height: auto; font-size: 14px; }
		.contactusArea .itemForm textarea { height: 105px !important; }

}

@media only screen and (min-width: 768px) and (max-width:991px){
  
	html, body { font-size: 16px; }
	input, select, textarea { font-size: 14px; }
	h2 { font-size: 34px; }
		
		/* logo area */
		.logoArea { max-width: 240px; }

		.menuArea ul li a { padding: 30px 25px; }
		.topheader ul { padding: 10px 0 0; }
		.topheader ul li a { width: 40px; height: 40px; line-height: 40px; }

		/*banner area*/
		.bannerArea .overlay { width: 100%; height: 360px; }
		.bannerArea h2 { font-size: 60px; }
		.bannerArea .owl-prev, .bannerArea .owl-next { top: -235px; }

		.innerbannerArea h2 { font-size: 40px; padding: 120px 0; }
		.innerbannerArea .overlay { height: auto; }

		/*about area*/
		.aboutArea { padding: 40px 0; }
		.aboutArea h2 { padding: 5px 0 15px; }
		.aboutArea p { padding: 0 0 15px; }
		.aboutArea a { padding: 8px 40px; font-size: 18px; }

		/*solution area*/
		.solutionArea, .intrestArea, .thinkArea, .testimonialArea, .footerArea, .cloudArea, .aboutusArea, .teamArea, .contactusArea { padding: 60px 0; }
		.solutionArea .overlay { height: 280px; }
		.solutionArea .item p { padding: 5px 0 0; font-size: 16px; line-height: 25px; }
		.solutionArea a { padding: 11px 30px; font-size: 20px; }
	
		/*intrest area*/
		.intrestArea ul li { width: 33%; margin: 0 0 10px; }
		.thinkArea p.sloutonPaira { padding: 0 0px 30px; }
		.thinkArea .itemBox p { padding: 10px 0; }
		.thinkArea a.thinkBtn { padding: 10px 40px; margin: 50px auto 0; }

		/*testimonial area*/
		.testimonialArea .item h5::before { display: none; }
		.testimonialArea .item p { padding: 0 0 15px; }

		/*cloud area*/
		.cloudArea img { padding: 0; width: 100%; margin: 0 0 20px; }
		.cloudArea .item:nth-child(1) .sub, .cloudArea .item:nth-child(3) .sub, .cloudArea .item:nth-child(2) .sub, .cloudArea .item:nth-child(4) .sub { padding: 20px 30px; margin: 0 0 20px; position: relative; width: 100%; }
		.cloudArea figure { width: 100%; margin: 0; }
		.cloudArea p { padding: 0 0 20px; font-size: 15px; }

		/*professional area*/
		.professionalArea img { padding: 0 0 20px; width: 100%; }
		.professionalArea p { padding: 0 0 20px; font-size: 15px; }
		.professionalArea h2 { padding: 10px 0 15px; font-size: 40px; }
		.professionalArea .sub h2::after { top: -25px; font-size: 90px; }
		.professionalArea a { padding: 0 0 20px; display: block; }

		.leftSidebar img { margin: 0 0 15px; }
		.leftSidebar .item { padding: 0 15px 0 0; }
		.leftSidebar h4 { padding: 0 0 10px; font-size: 22px; }
		.leftSidebar p { padding: 0 0 5px; font-size: 15px; line-height: 25px; }
		.leftSidebar a { padding: 10px 30px; margin: 10px 0 25px; font-size: 15px; }

		.rightSidebar { padding: 15px 20px; }
		.rightSidebar h4 { padding: 0 0 15px; }
		.rightSidebar .item .itemBox { padding: 15px; }
		.rightSidebar .item h5 { font-size: 15px; color: #212121; }
		.rightSidebar .item p { padding: 6px 0; font-size: 12px; }
		.date h6 { padding: 10px; font-size: 12px; }
		.rightSidebar .date h5 { padding: 10px; font-size: 14px; }
		.rightSidebar .event p { padding: 0; font-size: 13px }
		.rightSidebar .event a { font-size: 13px; }
		.rightSidebar ul li { padding: 10px 0 10px 10px }

		.aboutusArea h2 { padding: 5px 0 15px; font-size: 36px; }
		.aboutusArea p { padding: 0 40px 20px; }

		.teamArea .socialList { padding: 0 10px 10px 0; }
		.teamArea .socialList::after { border-bottom: 80px solid #00457c; border-left: 140px solid transparent; }
		.teamArea .socialList ul li { margin: 0 0 0 10px; font-size: 15px; }
		.teamArea .designation { padding: 0 0 15px 5px; }
		.teamArea .designation h4 { padding: 0 0 5px; font-size: 13px; }
		.teamArea .designation h3 { font-size: 12px; }
		.teamArea .designation::after { border-bottom: 80px solid #fff; border-right: 230px solid transparent; }
		.teamArea h2 { padding: 5px 0 30px; font-size: 36px; }

		.contactusArea h2 { padding: 5px 0 15px; }
		.contactusArea p { padding: 0 0 10px; font-size: 16px; }
		.contactusArea .itemForm { margin: 10px auto; width: 95%; }
		.contactusArea .itemForm em { padding: 10px 0; font-size: 17px; }
		.contactusArea .itemForm .form-control { padding: 10px 0; height: auto; }
		.contactusArea .itemForm textarea { height: 150px !important; }
		.professionalArea .row.item .alignright { float: none; margin: 0; }
		.professionalArea .row.item h2 { font-size: 28px; }
		.footerArea p { padding: 30px 0 10px 0; }
} 

@media only screen and (min-width: 992px) and (max-width:1189px){
		

			
			/* logo area */
			.logoArea { max-width: 310px; }
			
			/* menu area */
			.topheader ul { float: right; padding: 15px 0 0; }
			.menuArea ul li a { padding: 30px 45px; font-size: 16px; }

			.thinkArea p.sloutonPaira { padding: 0 120px 30px; }
			.thinkArea .itemBox { min-height: 216px; }

			.cloudArea figure { margin: 0 0 0 315px; }

			.aboutusArea h2 { padding: 5px 0 15px; font-size: 45px; }

			.teamArea h2 { padding: 5px 0 35px; font-size: 45px; }
			.teamArea .designation h4 { padding: 0 0 5px; font-size: 14px; }
			.teamArea .designation h3 { font-size: 15px }
			.teamArea .socialList { padding: 0 15px 20px 0; }
			.teamArea .socialList::after { border-bottom: 85px solid #00457c; border-left: 195px solid transparent; }
			.teamArea .designation::after { border-bottom: 85px solid #fff; border-right: 310px solid transparent; }
			.intrestArea ul li a { font-size: 17px; }
			.footerArea p { padding: 30px 0 10px 0; }
			
		
}

@media only screen and (min-width: 1190px) and (max-width:1300px){



}