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

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

	/* my container */
	.mycontainer { padding: 0px 15px; margin: auto; max-width: 100%; }

	/* header area */
	.headerArea { padding: 10px 0; }

	/* .logo area */
	.logoArea { width: 100%; }

	.topheader { float: left; }
	.topheader form { width: 100%; }
	.topheader input[type="text"] { width: 100%; height: 40px; }
	.topheader a { padding: 8px 30px; margin: 10px 10px 6px 0; font-size: 15px; }
	.topheader button.search { font-size: 16px; padding: 8px 33px; top: 54px; }	
	.modal-content { width: 100%; }

	.menuArea { display: none; }

	/* mobilemenu area */
	.mobilemenuArea {  width: 50px;  height: 50px; display: block; text-align: center; position: absolute; right: 20px;  border: 1px solid #1e3567; line-height: 50px; }
	.mobilemenuArea a { font-size: 30px; color: #000; }
	.mm-menu { background: #1e3567; }

	/* .banner area */
	.bannerArea { padding: 20px 0 72px 0; height: auto; }
	.bannerArea .textbanner { padding: 10px 0 0 0; }
	.bannerArea .textbanner form:after { font-size: 20px; top: 40px; left: 7px; }
	.bannerArea .textbanner form input[type="text"] { padding: 0 0 0 35px; height: 45px; font-size: 14px; }
	.bannerArea .textbanner select.slectbox { height: 45px; font-size: 15px; margin: 0 0 10px 0; }
	.bannerArea .textbanner .searchbtn { padding: 10px 30px; font-size: 15px; }
	.bannerArea .textbanner h1 { padding: 10px 0 0 0; font-size: 30px; }
	.bannerArea .textbanner p {line-height: 24px; font-size: 14px; }

	/* faqs area */
	.faqsArea { padding: 40px 0; }
	.faqsArea .item .itemBox .image { padding: 0 15px; }
	.faqsArea .item .itemBox .sub { margin: 0 15px; }
	.faqsArea .item .itemBox .sub { padding: 10px 10px; }
	.faqsArea .item .itemBox h2 { padding: 10px 0; font-size: 26px; }
	.faqsArea .item .itemBox .sub a { padding: 10px 20px; font-size: 15px; }
	.faqsArea .item .siderBar { padding: 0 15px; margin: 30px 0 0 0; }
	.faqsArea .item .siderBar .box { padding: 10px 0 20px 0; }
	.faqsArea .item .siderBar .box p { padding: 10px 50px 0 0px; }
	.faqsArea .item .siderBar .box h3 { font-size: 20px; }
	.faqsArea .item .siderBar .text img { margin: 16px 0 0 0; }
	.faqsArea .item .siderBar .text p { padding: 33px 0 0 65px; }
	.faqsArea .item .siderBar .text a.readmor { padding: 10px 20px; font-size: 15px; position: relative; z-index: 9999; }

	.footerArea { padding: 150px 0 30px 0; margin: -115px 0 0 0; }


/*inner page*/
	
	/* innerbanner area */
	.innerbannerArea { height: auto; padding: 0 0 20px 0; }
	.innerbannerArea .textbanner { padding: 0 15px; }
	.innerbannerArea .sub { padding: 10px 15px 0 15px; }
	.innerbannerArea .sub h2 {  font-size: 26px; }
	.innerbannerArea .textbanner select.slectbox { height: 45px; font-size: 15px; margin: 0 0 10px 0; }
	.innerbannerArea .textbanner .searchbtn { padding: 10px 30px; font-size: 15px; }


	/* services area */
	.servicesArea .serviceText h2 { font-size: 26px; }
	.servicesArea .serviceText p span { font-size: 16px; }
	.servicesArea .serviceText p { font-size: 15px; }
	.servicesArea .serviceText ul.filter li { padding: 0 0 0 10px; }
	.servicesArea .serviceText .sub { padding: 0 15px; }
	.servicesArea .serviceText .itemBox { margin: 0 0 20px 0; }
	.servicesArea .serviceText .itemBox h3 { padding: 20px 0; font-size: 18px; }
	.servicesArea .serviceText .itemBox ul li { padding: 10px 10px; }

	.servicesArea .serviceText .itemBox h4 { padding: 20px 0; font-size: 18px; }
	.servicesArea .serviceText .text:nth-child(1) .itemBox h4:after { display: none; }
	.servicesArea .serviceText .text:nth-child(2) .itemBox h4:after { display: none; }
	.servicesArea .serviceText .text:nth-child(3) .itemBox h4:after { display: none; }
	.servicesArea .serviceText p.ourterm { padding: 10px 0 0 0; font-size: 15px; line-height: 24px; text-align: justify; } 

	/* faq area */
	.faqArea .faqBox { padding: 100px 0 31px 0; }
	.faqArea .faqBox .text { padding: 0px; }
	.faqArea .faqBox .text h3 { font-size: 18px; display: flex; }
	.faqArea .faqBox .text p { font-size: 15px; }

	/* about area */
	.aboutArea .abouttext h2 { padding: 0 0 10px 0; font-size: 40px; }
	.aboutArea .abouttext p { padding: 0 0 10px 0; line-height: 24px; font-size: 15px; text-align: justify; }

	/* mission area */
	.missionArea { padding: 30px 0 0px 0; }
	.missionArea .itemBox { margin: 0 0 20px 0; }
	.missionArea .overviw { margin: 10px 0 20px 0; }

	/* contant area */
	.contantArea .itemexpert .commentItem form textarea { padding: 10px 0 0 10px; height: 110px; }
	.contantArea .itemexpert .commentItem .mytext h4 { padding: 20px 0 0 0; }
	.contantArea .itemexpert .commentItem .mytext p { padding: 20px 0 0 0; }
	.contantArea .itemexpert .commentItem .mytext p { font-size: 14px; text-align: justify; }

	.itemrecent .recentBox span.recentdate { margin: 0 0 10px 0; width: auto; }
	.itemrecent .recentBox .postContent p { text-align: justify; }
	.itemrecent .recentBox .caption { margin: 0 0 0 0px; width: 98%; }   
	.itemrecent .recentBox .caption .btn { padding: 10px 30px; margin: 25px 0 0 90px; }
	.itemrecent .recentBox .caption .btn:after { width: 152px; height: 40px; }
	.itemrecent .pagination a { padding: 6px 12px; }
	.itemrecent .sideBar span.recentdate { width: auto; }
	.itemrecent .sideBar .latestnew .right { margin: 0 1px 0 13px; }

	/* contact area */
	.contactArea input.inptext { margin: 0 0 10px 0; height: 50px; font-size: 14px; }
	.contactArea textarea { height: 110px; }
	.contactArea .submitBtn { margin: 10px 0 0 0; }
	.contactArea p { padding: 10px 0; font-size: 16px; }

	/* profileitem */
	.profileitem { padding: 0 15px; }
	.profileitem img { display: none; } 
	.profileitem a.follows { margin: 10px 5px 0 0px; }
	.profileitem .textt ul.revistar { padding: 10px 0 0 0; }
	.profileitem .textt ul.overviw { padding: 25px 0 0 0; }
	.profileitem .textt ul.overviw li { padding: 0 10px 0 0; }
	.profileitem .editprofile { padding: 10px 30px; font-size: 16px; }

	/* profile area */
	.profileArea .item .subtext h2 { font-size: 24px; }
	.profileArea .item .subtext .subrivew { padding: 6px 39px; }
	.profileArea .item .subtext .subcompint { padding: 6px 39px; }

	.registrationArea { padding: 0px; }
	.registrationArea form { padding: 20px; }
	.registrationArea form input { margin: 0 0 10px 0; height: 45px; font-size: 14px; }
	.registrationArea label { font-size: 14px; }

	.profileitem .sub p { color: #fff; } 
	
}

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

.faqsArea .item .siderBar .text p { padding: 54px 0 0 65px; }

}

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

.profileitem { padding: 40px 015px 0 0; }
.profileitem img { display: block; }


}

@media only screen and (min-width: 768px) and (max-width:991px){
  
	html, body { font-size: 16px; }
	input, select, textarea { font-size: 14px; }
	.mycontainer { padding: 0px 15px; margin: auto; max-width: 100%; }

	.menuArea ul li { padding: 0px 15px; }
	.menuArea ul li a { padding: 15px 0 13px 0; font-size: 15px; }

	/* banner area */
	.bannerArea { padding: 30px 0 57px 0; height: auto; }
	.bannerArea .textbanner { padding: 50px 0 0 0; }
	.bannerArea .textbanner h1 {  padding: 20px 0 0 0; font-size: 38px; }
	.bannerArea .textbanner select.slectbox { height: 45px; font-size: 15px; margin: 0 0 10px 0; }

	.innerbannerArea { padding: 0 0 50px 0; height: auto; }
	.innerbannerArea .textbanner { padding: 0 20px; }
	.faqsArea .item .siderBar { margin: 30px 0 0 0; }
	.faqsArea .item .siderBar .box p { padding: 20px 70px 0 0px; }
	.faqsArea .item .siderBar .text p { padding: 68px 0 0 76px; }

/*inner page*/

	.innerbannerArea .sub { padding: 10px 15px 0 15px; }
	
	/* services area */
	.servicesArea .serviceText h2 { font-size: 32px; }
	.servicesArea .serviceText .itemBox h4 { font-size: 19px; }
	.servicesArea .serviceText .text:nth-child(1) .itemBox h4:after { left: -17px; top: 80px; border-left: 100px solid transparent; border-right: 100px solid transparent; }
	.servicesArea .serviceText .text:nth-child(2) .itemBox h4:after { left: -17px; top: 80px; border-left: 100px solid transparent; border-right: 100px solid transparent; }
	.servicesArea .serviceText .text:nth-child(3) .itemBox h4:after { left: -17px; top: 80px; border-left: 100px solid transparent; border-right: 100px solid transparent; }

	/* faq area */
	.faqArea .faqBox .text { padding: 0 0 0 140px; }

	/* about area */
	.aboutArea .abouttext h2 { font-size: 50px; }

	.profileitem { padding: 60px 15px 0 0; }
	.profileitem .textt ul.overviw li { padding: 0 10px 0 0; }
	.profileitem .textt ul.overviw li a { font-size: 14px; }
	.profileitem .editprofile { padding: 10px 30px; }	 	
	
	.registrationArea { padding: 0 30px; }

	.profileitem .sub p { color: #fff; }
} 

@media only screen and (min-width: 992px) and (max-width:1199px){
	
	.mycontainer { padding: 0px 15px; margin: auto; max-width: 100%; }

	.bannerArea .textbanner { padding: 100px 0 0 0; }	
	
	.innerbannerArea .sub { padding: 10px 15px 0 15px; }
	.innerbannerArea .textbanner { padding: 0 50px; }

	.itemrecent .recentBox span.recentdate { width: 13%; }
	.itemrecent .recentBox .caption { width: 85%; }

	.profileitem { padding: 60px 15px 0 0; }
	.profileArea .item .subtext .subrivew { padding: 6px 39px; }
	.profileArea .item .subtext .subcompint { padding: 6px 39px; }
	.bannerArea .textbanner select.slectbox { font-size: 15px; background: #fff url(../images/arrow.png) 95% no-repeat; }

	.registrationArea { padding: 0 60px; }
			
}

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

.mycontainer { padding: 0px 70px; margin: auto; max-width: 100%; }

}

@media only screen and (min-width: 1400px) and (max-width:1920px){

.bannerArea { height: 697px; }
.innerbannerArea { height: 397px; }

}