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

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

	/* header wrapper */
	#headerWrapper { padding: 10px 0; }

		/* logo Area */
		.logoArea { padding: 5px 0 0 0; max-width: 150px; }

		/* menu Area */
		.menuArea { padding: 5px 0 0 0; }
		.menuArea ul li { padding: 0 0 0 0; }
		.menuArea ul li a i { margin: 0 5px 0 0; }

		.menuArea .profieDrop a.droptop { padding: 0 20px 0 0; font-size: 14px; line-height: 30px; }
		.menuArea .profieDrop a.droptop:after { top: 9px; right: 0; }
		.menuArea .profieDrop a.droptop span { width: 30px; height: 30px; margin-right: 5px; }

		.menuArea .profieDrop ul li ul.dropList { top: 40px; }

	/* banner area */
	.bannerArea img { width: auto; height: 600px; max-width: inherit; }
	.bannerArea .overlay .text { font-size: 16px; font-weight: 400; }
	.bannerArea .overlay .text h2 { font-size: 42px; }
	.bannerArea .overlay .text p { padding: 20px 0 0 0; }

	/* innerbanner area */
	.innerbannerArea img { width: auto; height: 400px; max-width: inherit; }
	.innerbannerArea .overlay .text { font-size: 16px; }
	.innerbannerArea .overlay .text h1 { font-size: 42px; }
	.innerbannerArea .overlay .text h2 { font-size: 42px; }
	.innerbannerArea .overlay .text.profileText h1 { font-size: 35px; }

		/* work area */
		.workArea { margin: 30px 0; }
		.workArea .item { padding: 15px 0; float: left; }
		.workArea .item .itemin { padding: 0 0 0 160px; width: 100%; min-height: 130px; font-size: 14px; line-height: 20px; text-align: left; background: none; }
		.workArea .workIcon { width: 140px; position: absolute; top: 0px; left: 0; transform: translateX(0%); }
		.workArea h3 { font-size: 16px; }

		/* review area */  
		.reveiwTextArea p { padding: 30px 0; max-width: 100%; font-size: 14px; }
	    #customers-testimonials { max-width: 100%; height: auto; }
	    #customers-testimonials .owl-item { margin: 0px; }
	    #customers-testimonials .item { padding: 0 50px 50px 50px; }

	    #customers-testimonials .owl-nav { top: 40%; }
	    #customers-testimonials .owl-nav .owl-prev { margin-left: 0; width: 30px; height: 30px; }
	    #customers-testimonials .owl-nav .owl-next { margin-right: 0; width: 30px; height: 30px; }

	    /* whyus area */
	    .whyusArea { margin: 30px 0; }
		.whyusArea .whyqrBox { top: 40px; }
		.whyusArea .whyqrBox .serBox.serB2 { right: -10px; top: 150px; }
		.whyusArea .whyqrBox .serBox.serB3 { left: -10px; top: 245px; }

		/* login area */
		.loginArea { padding: 30px 0 0 0; }
		.loginArea .formcard { padding: 15px 0; max-width: 100%; height: auto; background-image: none!important; background-size: 100%; }
		.loginArea .formcard:after { display: none; }
    	.loginArea .formcard:before { display: none; }
    	.loginArea .yetaccount h3 { padding: 25px 0 0; font-size: 16px; }
		.loginArea .yetaccount p { font-size: 20px; }

		.loginArea button.backbtn { width: 200px; display: block; margin: 0 auto 20px auto; border-radius: 10px; }

		/* registraion area */
		.registraionArea { padding: 30px 0 0 0; }
		.registraionArea h2 { padding: 0 0 30px 0; font-size: 23px; }
		.registraionArea .formresis { padding: 0; width: 100%; height: auto; background-image: none!important; }
		.registraionArea .formresis p { padding: 10px 0; }
		.registraionArea .formresis label { margin: 0 0 4px 0; display: block; font-size: 16px; line-height: normal; }
		.registraionArea .formresis label small { margin: 0 0 0 0; color: red; font-size: 20px; }
		.registraionArea .formresis input.form-control { padding: 12px; width: 100%; }
		.registraionArea .formresis select.form-control { padding: 12px; width: 100%; }

		.registraionArea input.buttonsubmit { padding: 13px 40px; }

		/*how it work area*/
		.howItWork h2.innerHeading { padding: 30px 0; }
		.howItWork .item { padding: 0 15px 60px 15px; margin: 25px 0; width: calc(100% - 1px);}
		.howItWork .item:nth-of-type(1):before { top: inherit; bottom: -55px; right: 30%; transform: rotate(90deg); }
		.howItWork .item:nth-of-type(2):before { top: inherit; bottom: -55px; right: 30%; transform: rotate(90deg); }
		.howItWork .howWorkImg { padding: 35px 0; height: auto; line-height: normal; }

		/* work video area */
		.workVideo { margin: 30px 0 0 0; }
		.workVideo iframe { height: 300px; }

		/* progrece work area */
		.progreceWork .innerHeading { padding: 30px 0; }
		.progreceWork .progreceBox { width: 100%; }
		.progreceWork .progreceBox img { display: none; }
		.progreceWork .progreceBox p { padding: 20px 0 20px 0; }
	    .progreceWork .progreceBox .serBox { padding: 10px 0; width: 50%; float: left; position: relative; text-align: center; }
	    .progreceWork .progreceBox .serBox b { width: 100%; float: left; text-align: center; }
	    .progreceWork .progreceBox .serBox.serB1 { left: 0; top: 0; }
	    .progreceWork .progreceBox .serBox.serB1 b { margin-top: 10px; display: block; }
	    .progreceWork .progreceBox .serBox.serB2 b { margin-left: 10px; display: inline-table; }
	    .progreceWork .progreceBox .serBox.serB3 b { display: block; text-align: center; }
	    .progreceWork .progreceBox .serBox.serB4 b { margin: 10px 0 0 0; display: block; }
	    .progreceWork .progreceBox .serBox.serB5 b { display: block; position: relative; right: 0; text-align: center; }
	    .progreceWork .progreceBox .serBox.serB6 b { display: block; position: relative; left: 0; top: 0; }

	    .progreceWork .progreceBox .serBox.serB2 { right: 0; top: 0; }
	    .progreceWork .progreceBox .serBox.serB3 { right: 0; top: 0; }
	    .progreceWork .progreceBox .serBox.serB4 { left: 0; bottom: 0; }
	    .progreceWork .progreceBox .serBox.serB5 { left: 0; bottom: 0; }
	    .progreceWork .progreceBox .serBox.serB6 { left: 0; top: 0; }

	    .progreceWork .progreceBox .serBox img { display: block; width: auto; height: 120px; }

	    /* posted area */
	    .postedArea .item { padding: 20px 0; }
		.postedArea .item .image { padding: 0; }
		.postedArea .item .detail { padding: 15px 0 0 0; }
		.postedArea h2 { font-size: 28px; }
		.postedArea .imageleft { margin: 0 0 30px 0; }

		/*unsere berater area*/
		.aboutMotravoArea .innerHeading { padding: 20px 0; }

		/*unsere berater area*/
		.unsereBerater .innerHeading { padding: 25px 0 0 0; }

		/*unsere berater area*/
		.destinationsArea .innerHeading { padding: 25px 0; }
		.destinationsArea iframe { height: 350px; }

		/*unsere berater area*/
		.deiPlattform { padding: 40px 0 0 0; }
		.deiPlattform .item { padding: 10px 15px; }
		.deiPlattform .innerHeading { padding: 0 0 20px 0; }
		.deiPlattform .item a { font-size: 18px; }

		/* faq area */
		.faqs .innerHeading { padding: 0 0 20px 0; }
		.faqs #accordion .card { margin: 0; } 
		.faqs #accordion .card h4 { padding: 10px 0; font-size: 16px; }

		.faqs .ansurBtn { margin: 35px 0 0 0; display: block; text-align: center; }
		.faqs .ansurBtn h3 { padding: 0 0 20px 0; }

		/* contact area */
		.contactArea { padding: 30px 0 0 0; }
		.contactArea .contact { }
		.contactArea .contact .item { padding: 20px; margin: 0; width: 100%; }
		.contactArea .contact .item h2 { font-size: 25px; }
		.contactArea .contact .item p { padding: 20px 0; }
		.contactArea .contact .item ul { padding: 0; margin: 50px 0 0 0; list-style: none; text-align: center; }
		.contactArea .contact .item li { padding: 0 5px; display: inline-block  }
		.contactArea .contact .item ul li a { width: 40px; height: 40px; line-height: 40px; font-size: 22px; }

		.contactArea .contact .item1 { padding: 20px!important; width: 100%; }
		.contactArea .contact .item1 input.form-control { padding: 15px; height: auto; font-size: 16px; }
		.contactArea .contact .item1 select { padding: 15px; height: auto; font-size: 16px; }
		.contactArea .contact .item1 textarea { padding: 15px; height: 140px; font-size: 16px; }
		.contactArea .contact .item1 input.buttonsubmit { padding: 11px 40px; font-size: 24px; }

		/* jhondeo area */
		.jhondeoArea h2 { padding: 0; font-size: 30px; }
		.jhondeoArea .formcenter label { width: 100%; text-align: left; }
		.jhondeoArea .formcenter input.form-control { max-width: 100%; }

		/* somemore area */
		.somemoreArea .formresis { padding: 20px; float: left; }
		.somemoreArea .formresis label { display: block; font-size: 16px; line-height: 24px; }
		.somemoreArea .formresis input.form-control, .somemoreArea .formresis select, .somemoreArea .dropdown-mul { left: 0px!important; font-size: 16px; }
		.somemoreArea .formresis .rate { float: left; }
		.somemoreArea .formresis.formr12esis label { line-height: 24px; }
		.somemoreArea p.acknowledge  .container { font-size: 16px;}
		.somemoreArea   div.buttonsubmit,
		.somemoreArea input.buttonsubmit { padding: 13px 0; margin: 20px 0 0 0; width: 100%; }

		/*tranvling area*/
		.tranvling.customTitle p {  margin: 0 0 20px 0; text-align:center;}
		.tranvling .item { padding: 15px; }
		.tranvling .travlingImg img { min-height: 175px; max-height: 175px; }
		.tranvling .item b { padding: 10px 0 0 0; font-size: 16px; }
		.tranvling .travlingBtn { padding: 25px 0 0 0; text-align: center; }
		.tranvling .travlingBtn button.btn { padding: 10px 25px; margin: 2px; min-width: inherit; font-size: 18px; }

		/*progress area*/
	    .prograssArar { padding: 45px 0 45px 0; }
	    .prograssArar .progressBody { width: 91%; }
	    .prograssArar .progressBody .progressCont { margin: 0 0 0 -15px; }

	    /* zuruck area */
		.zuruckArea { padding: 0;  }
		.zuruckArea h2 { font-size: 30px; }
		.zuruckArea p { padding: 15px 0; font-size: 16px; }
		.zuruckArea a.btn { padding: 10px 16px; float: none; display: inline-block; font-size: 15px; }
		.zuruckArea a.btn1 { margin: 0 0 0 5px; }

		/*motravo offer area*/
        .motravoOffer .rightItem ul { margin: 20px 0 0 0; width: 100%; }

        .motravoOffer .contact .contactBody ul { padding: 50px 0 0 0; }
        .motravoOffer .contact .contactBody ul li { padding: 10px 0; }
        .motravoOffer .contact .contactBody .contentSocial ul { text-align: center; }
        .motravoOffer .contact .contactBody .contentSocial ul li { padding: 0 3px; }

        /* queslogin area */
		.meineArea { padding: 30px 0 0 0; }
		.meineArea .item { padding: 0;  }
		.meineArea h2 { font-size: 30px; }
		.meineArea p { padding: 10px 0; }
		.meineArea .formleft { min-height: inherit; }
		.meineArea .formleft .userItem { padding: 0 15px; text-align: center; }
		.meineArea .formleft .userImg { margin: 20px 0; }
		.meineArea .formleft .cabinet { margin: 0px!important; width: 100%; }
		.meineArea .formleft .userForm { padding: 20px 15px 0 15px; }
		.meineArea .formright { padding: 30px 15px 15px 15px; min-height: inherit; }
		.meineArea a.btn { padding: 11px 53px; margin: 30px auto 0 0; }

		/* queslogin area */
		.quesloginArea { padding: 30px 0 0 0; }
		.quesloginArea .item { padding: 0; }
		.quesloginArea h2 { font-size: 30px; }
		.quesloginArea .formleft { padding: 20px; background: none; }

		.quesloginArea .accordion { margin-top: 25px; padding: 15px; }
		.quesloginArea #accordion .card h4 { font-size: 15px; }
		        
		/* footer area */
		.footerArea{ padding: 130px 0 0 0px; height: auto; }
        .footerArea.fooHidden .fooUp { visibility: hidden; }
        .footerArea .fooUp { width: 100%; margin: auto; }
        .footerArea .fooUp h2 { font-size: 20px; }
        
        .footerArea .footerLogo { padding: 50px 0 0 0; }
        .footerArea .footerLogo.inLogo { padding: 120px 0 0 0; }

        .footerArea .footerSocial { margin: 75px 0; }
        .footerArea .footerSocial a { margin: 10px; font-size: 30px; } 
        .footerArea .footerSocial a img { max-width: 60px;  }
        
        .footerArea .footerNav ul { display: block; }
        .footerArea .footerNav ul li { padding: 5px; margin: 0; }

        .footerArea .headtest { font-size: 16px; }
        .footerArea .headtest h4 { padding: 10px 0; }
		.footerArea .headtest a { padding: 15px 0; }

/* commons classes */
.colHeading { font-size: 45px; }
.innerHeading { font-size: 30px; }

.cc-banner.cc-theme-edgeless .cc-message { padding: 15px 15px 0 0; font-size: 12px; line-height: 18px; }
.cc-window.cc-banner .cc-compliance { display: block; text-align: center; }
.cc-banner.cc-theme-edgeless .cc-btn { display: inline-block; }


/* custom Extra Resposive css */  
.tranvling .travlingImg:hover .travlingOver {opacity: 0;}
.text-order-data{order:2 !important; }
.img-order{order:1 !important;}
div#child {margin: 10px 0 10px 0!important;}
.input-margin input { margin:0!important;max-width:100%!important;}
.input-margin span { left:4.6em!important;}
 
.ajs-message.ajs-error.ajs-visible {text-align: justify;padding-left: 12rem!important;font-size: 13px;}  
.alertify-notifier.ajs-right .ajs-message.ajs-visible {right: 488px!important;}

}

 @media (min-width:320){
	.alertify-notifier.ajs-right .ajs-message.ajs-visible { right: 375px !important; }
	.tranvling .travlingImg:hover .travlingOver {opacity: 0;}
	.loginArea .yetaccount ul li {padding: 0 8px;display: inline-block;}
}

@media (min-width: 320px) and (max-width: 767px){

	.input-margin span { left:3.9em!important; }
	.somemoreArea .formresis select { font-size:13px;}
.tranvling .travlingImg:hover .travlingOver {opacity: 0;}
.loginArea .yetaccount ul li {padding: 0 8px;display: inline-block;}
}

@media (min-width: 400px) and (max-width: 767px){
   
	.input-margin span { left:4.6em!important;} 
	.somemoreArea .formresis select { font-size:13px;}
.tranvling .travlingImg:hover .travlingOver {opacity: 0;}

}
    
@media only screen and (min-width: 768px) and (max-width: 1024px){
  .tranvling .travlingImg:hover .travlingOver {opacity: 0;}
html, body { font-size: 16px; }
input, select, textarea { font-size: 16px; }

	/* header wrapper */
	#headerWrapper { padding: 10px 0; }

		/* logo Area */
		.logoArea { padding: 5px 0 0 0; max-width: 150px; }

		/* menu Area */
		.menuArea { padding: 5px 0 0 0; }
		.menuArea ul li { padding: 0 0 0 0; }
		.menuArea ul li a i { margin: 0 5px 0 0; }

		.menuArea .profieDrop a.droptop { padding: 0 20px 0 0; font-size: 14px; line-height: 30px; }
		.menuArea .profieDrop a.droptop:after { top: 9px; right: 0; }
		.menuArea .profieDrop a.droptop span { width: 30px; height: 30px; margin-right: 5px; }

		.menuArea .profieDrop ul li ul.dropList { top: 40px; }

	/* banner area */
	.bannerArea .overlay .text { font-size: 18px; font-weight: 400; line-height: 30px; }
	.bannerArea .overlay .text h2 { font-size: 65px; }
	.bannerArea .overlay .text p { padding: 20px 0 0 0; }

	/* innerbanner area */
	.innerbannerArea .overlay .text { font-size: 16px; }
	.innerbannerArea .overlay .text h1 { font-size: 60px; }
	.innerbannerArea .overlay .text.profileText h1 { font-size: 35px; }

		/* work area */
		.workArea { margin: 30px 0; }
		.workArea .item { padding: 15px 0; float: left; }
		.workArea .item .itemin { padding: 0 0 0 120px; width: 100%; min-height: 130px; font-size: 14px; line-height: 20px; text-align: left; background: none; }
		.workArea .workIcon { width: 110px; position: absolute; top: 0px; left: 0; transform: translateX(0%); }
		.workArea h3 { font-size: 16px; }

		/* review area */  
		.reveiwTextArea p { padding: 20px 0 30px 0; max-width: 100%; font-size: 16px; line-height: 30px; }
	    #customers-testimonials { max-width: 100%; height: auto; }
	    #customers-testimonials .owl-item { margin: 0px; }
	    #customers-testimonials .item { padding: 0 50px; }

	    #customers-testimonials .owl-nav { top: 40%; }
	    #customers-testimonials .owl-nav .owl-prev { margin-left: 0; width: 50px; height: 50px; }
	    #customers-testimonials .owl-nav .owl-next { margin-right: 0; width: 50px; height: 50px; }

	    /* whyus area */
	    .whyusArea { margin: 30px 0; }
		.whyusArea .whyqrBox { top: 40px; }
		.whyusArea .whyqrBox .serBox.serB2 { right: -10px; top: 150px; }
		.whyusArea .whyqrBox .serBox.serB3 { left: -10px; top: 245px; }

		/* registraion area */
		.registraionArea { padding: 60px 0 0 0; }

		/* how it work area */
		.howItWork h2.innerHeading { padding: 30px 0; } 
		.howItWork .item { padding: 0 15px 30px 15px; }
		.howItWork .item:nth-of-type(1):before { font-size: 45px; }
		.howItWork .item:nth-of-type(2):before { font-size: 45px; }
		.howItWork .howWorkImg { height: 150px; line-height: 150px; }
		.howItWork .howWorkImg img { max-width: 40%; }

		/* work video area */
		.workVideo { margin: 30px 0 0 0; }
		.workVideo iframe { height: 300px; }

		/*progrece work area*/
		.progreceWork .innerHeading { padding: 30px 0 100px 0; }        
		.progreceWork .progreceBox { width: 500px; }
	    .progreceWork .progreceBox .serBox img { width: 130px; }
	    .progreceWork .progreceBox .serBox.serB2{ right: -105px; top: 120px; }
	    .progreceWork .progreceBox .serBox.serB3{ right: -25px; top: 305px; }
	    .progreceWork .progreceBox .serBox.serB6{ left: 0px; top: 55px; }

	    /* posted area */
		.postedArea .imageleft { margin: 0 35px 30px 0; max-width: 350px; }

		/*unsere berater area*/
		.aboutMotravoArea .innerHeading { padding: 20px 0; }

		/*unsere berater area*/
		.unsereBerater .innerHeading { padding: 25px 0 0 0; }

		/*unsere berater area*/
		.destinationsArea .innerHeading { padding: 25px 0; }
		.destinationsArea iframe { height: 350px; }

		/*unsere berater area*/
		.deiPlattform { padding: 40px 0 0 0; }
		.deiPlattform .item { padding: 10px 15px; }
		.deiPlattform .innerHeading { padding: 0 0 20px 0; }
		.deiPlattform .item a { font-size: 18px; }

		/* faq area */
		.faqs .innerHeading { padding: 0 0 20px 0; }
		.faqs #accordion .card { margin: 0; } 
		.faqs #accordion .card h4 { padding: 10px 0; font-size: 16px; }

		.faqs .ansurBtn { margin: 35px 0 0 0; display: block; text-align: center; }
		.faqs .ansurBtn h3 { padding: 0 0 20px 0; }

		/* contact area */
		.contactArea { padding: 30px 0 0 0; }
		.contactArea .contact { }
		.contactArea .contact .item { padding: 20px; margin: 0; width: 100%; }
		.contactArea .contact .item h2 { font-size: 25px; }
		.contactArea .contact .item p { padding: 20px 0; }
		.contactArea .contact .item ul { padding: 0; margin: 50px 0 0 0; list-style: none; text-align: center; }
		.contactArea .contact .item li { padding: 0 5px; display: inline-block  }
		.contactArea .contact .item ul li a { width: 40px; height: 40px; line-height: 40px; font-size: 22px; }

		.contactArea .contact .item1 { padding: 20px!important; width: 100%; }
		.contactArea .contact .item1 input.form-control { padding: 15px; height: auto; font-size: 16px; }
		.contactArea .contact .item1 select { padding: 15px; height: auto; font-size: 16px; }
		.contactArea .contact .item1 textarea { padding: 15px; height: 140px; font-size: 16px; }
		.contactArea .contact .item1 input.buttonsubmit { padding: 11px 40px; font-size: 24px; }

		/* jhondeo area */
		.jhondeoArea h2 { padding: 0; font-size: 30px; }
		.jhondeoArea .formcenter label { width: 100%; text-align: left; }
		.jhondeoArea .formcenter input.form-control { max-width: 100%; }

		/* somemore area */
		.somemoreArea .formresis { padding: 20px; float: left; }
		.somemoreArea .formresis label { display: block; font-size: 16px; line-height: 24px; }
		.somemoreArea .formresis input.form-control, .somemoreArea .formresis select, .somemoreArea .dropdown-mul { left: 0px!important; font-size: 16px; }
		.somemoreArea .formresis .rate { float: left; }
		.somemoreArea .formresis.formr12esis label { line-height: 24px; }
		.somemoreArea p.acknowledge  .container { font-size: 16px;}
		.somemoreArea   div.buttonsubmit,
		.somemoreArea input.buttonsubmit { padding: 13px 0; margin: 20px 0 0 0; width: 100%; }

		/*tranvling area*/
		.tranvling.customTitle p {  margin: 0 0 20px 0; text-align:center;}
		.tranvling .item { padding: 15px; }
		.tranvling .travlingImg img { min-height: 175px; max-height: 175px; }
		.tranvling .item b { padding: 10px 0 0 0; font-size: 16px; }
		.tranvling .travlingBtn { padding: 25px 0 0 0; text-align: center; }
		.tranvling .travlingBtn button.btn { padding: 10px 25px; margin: 2px; min-width: inherit; font-size: 18px; }

		/*progress area*/
	    .prograssArar { padding: 45px 0 45px 0; }
	    .prograssArar .progressBody { width: 91%; }
	    .prograssArar .progressBody .progressCont { margin: 0 0 0 -15px; }

	    /* zuruck area */
		.zuruckArea { padding: 0;  }
		.zuruckArea h2 { font-size: 30px; }
		.zuruckArea p { padding: 15px 0; font-size: 16px; }
		.zuruckArea a.btn { padding: 10px 16px; float: none; display: inline-block; font-size: 15px; }
		.zuruckArea a.btn1 { margin: 0 0 0 5px; }

		/*motravo offer area*/
        .motravoOffer .rightItem ul { margin: 20px 0 0 0; width: 100%; }

        .motravoOffer .contact .contactBody ul { padding: 50px 0 0 0; }
        .motravoOffer .contact .contactBody ul li { padding: 10px 0; }
        .motravoOffer .contact .contactBody ul li a { font-size: 15px; font-weight: 400; }

        .motravoOffer .contact .contactBody .contentSocial ul { text-align: center; }
        .motravoOffer .contact .contactBody .contentSocial ul li { padding: 0 3px; }
        .motravoOffer .contact .contactBody .contentSocial ul li a { width: 35px; height: 35px; font-size: 18px; line-height: 35px; }

        /* queslogin area */
		.meineArea { padding: 30px 0 0 0; }
		.meineArea .item { padding: 0;  }
		.meineArea h2 { font-size: 30px; }
		.meineArea p { padding: 10px 0; }
		.meineArea .formleft { min-height: inherit; }
		.meineArea .formleft .userItem { padding: 0 15px; text-align: center; }
		.meineArea .formleft .userImg { margin: 20px 0; }
		.meineArea .formleft .cabinet { margin: 0px!important; width: 100%; }
		.meineArea .formleft .userForm { padding: 20px 15px 0 15px; }
		.meineArea .formright { padding: 30px 15px 15px 15px; min-height: inherit; }
		.meineArea a.btn { padding: 11px 53px; margin: 30px auto 0 0; }

		/* queslogin area */
		.quesloginArea { padding: 30px 0 0 0; }
		.quesloginArea .item { padding: 0; }
		.quesloginArea h2 { font-size: 30px; }
		.quesloginArea .formleft { padding: 20px; background: none; }

		.quesloginArea .accordion { margin-top: 25px; padding: 15px; }
		.quesloginArea #accordion .card h4 { font-size: 15px; }
		        
		/* footer area */
		.footerArea{ padding: 130px 0 0 0px; height: auto; }
        .footerArea.fooHidden .fooUp { visibility: hidden; }
        .footerArea .fooUp { width: 100%; margin: auto; }
        .footerArea .fooUp h2 { font-size: 20px; }
        
        .footerArea .footerLogo { padding: 50px 0 0 0; }
        .footerArea .footerLogo.inLogo { padding: 120px 0 0 0; }

        .footerArea .footerSocial { margin: 75px 0; }
        .footerArea .footerSocial a { margin: 10px; font-size: 30px; } 
        .footerArea .footerSocial a img { max-width: 60px;  }
        
        .footerArea .footerNav ul { display: block; }
        .footerArea .footerNav ul li { padding: 5px; margin: 0; }

        .footerArea .headtest { font-size: 16px; }
        .footerArea .headtest h4 { padding: 10px 0; }
		.footerArea .headtest a { padding: 15px 0; }

/* commons classes */
.colHeading { font-size: 45px; }
.innerHeading { font-size: 30px; }

.cc-banner.cc-theme-edgeless .cc-message { padding: 15px 15px 0 0; font-size: 12px; line-height: 18px; }
.cc-window.cc-banner .cc-compliance { display: block; text-align: center; }
.cc-banner.cc-theme-edgeless .cc-btn { display: inline-block; }

}


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


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


}