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

	/* header area */
	.headerArea { border: none; }

	/* menu area */
	.menuArea { display: none; } 

	/* mobilemenu area */ 
	.mobilemenuArea { display: inline-block; position: absolute; right: 60px; font-size: 17px; top: 21px;  }
	.mobilemenuArea .fa.fa-bars { color: #7e7e7e;  }

	/* logo area */
	.logoArea { max-width: 180px; position: absolute; top: 13px; }

	/* banner area */
	.bannerArea .item .text { padding: 117px 0 0 0 ; }
	.bannerArea .item .text h2 { font-size: 38px; }
	.bannerArea .item .text h1 { font-size: 32px; }
	.bannerArea .item .text p { font-size: 17px; }
	.bannerArea .item { height: 510px; }
	.bannerArea .item .text a { padding: 10px 25px; font-size: 17px; }
	.bannerArea .owl-next { display: none; }
	.bannerArea .owl-prev { display: none; }

	/* breadcrumb area */
	.breadcrumbArea { padding: 13px 0 13px 0; }
	.breadcrumbArea ul li a {  font-size: 16px; }
	.breadcrumbArea ul { padding: 0 0 9px 0; }

	/* itsoftware area */
	.itsoftwareArea { padding: 21px 0 21px 0; }
	.itsoftwareArea h2 { padding: 0;  font-size: 25px; }
	.itsoftwareArea p { padding: 11px 0; font-size: 16px; }

	/* supercharge area */
	.superchargeArea { padding: 27px 0 27px 0; }
	.superchargeArea h2 { font-size: 25px; }
	.superchargeArea .subBox:nth-child(5) .item:before { display: none; }
	.superchargeArea .item::after { display: none; }
	.superchargeArea .subBox:nth-child(4) .item::before { display: none; }
	.superchargeArea .item { margin: 27px 0 0 0; }
	.superchargeArea .item h3 { font-size: 17px; }
	.superchargeArea .item span { width: 140px; height: 137px; line-height: 130px; }

	/* flexibleplans area */
	.flexibleplansArea .item {  margin: 21px 0 0 0; min-height: auto; }
	.flexibleplansArea .item .sub::after { display: none; }
	.flexibleplansArea h2 { font-size: 25px; }
	.flexibleplansArea { padding: 0 0 40px 0; }
	.flexibleplansArea .item p { padding: 13px 41px; }
	.flexibleplansArea .item .sub { padding: 27px 0; min-height: auto; }
	.flexibleplansArea .item .sub h4 { font-size: 23px; }
	.flexibleplansArea .item .sub { padding: 11px 10px 18px 10px; }
	.flexibleplansArea .item ul li { padding: 11px 0 0 0; }
	.flexibleplansArea .item .sub h3 { font-size: 25px; }

	/* testimonial area */
	.testimonialArea .owl-pagination { margin: 17px 0 0 0; }
	.testimonialArea .overlay { padding: 27px 0; }
	.testimonialArea h2 { padding-bottom: 27px; font-size: 25px; }

	/* support area */
	.supportArea { padding: 23px 0 40px 0; }
	.supportArea a { padding: 13px 60px; }
	.supportArea h2 { padding-bottom: 33px; font-size: 25px; }
	.supportArea a.active { margin: 37px 0 0 0; }
	.supportArea a { padding: 10px 25px; font-size: 17px; }

	/* footer box */
	.footerArea { padding: 21px 0 0 0; }

	/* footer box */
	.footerBox { /*padding-bottom: 23px;*/ }	
	.footerBox h2 { padding: 0 0 23px 0; font-size: 25px; }
	.footerBox .tp_email { margin: 0 0 27px 0; line-height: 40px; }
	.footerBox .Ftr_menu { padding-top: 0; }
	.footerBox .Ftr_menu ul li a { padding-left: 0; padding: 0 15px; }
	.footerBox .tnp-submit { padding: 10px 21px; font-size: 16px; }

	/* copyRight */ 
	.copyRight { padding: 17px 0;}

	/* innerbanner Area */
	.innerbannerArea .item .text { padding: 100px 0 0 0; }
	.innerbannerArea .item { height: auto; }
	.innerbannerArea .item .overlay { padding: 0 0 40px 0; }
	.innerbannerArea .item .text h1 { font-size: 33px; }
	.innerbannerArea .item .text h2 { font-size: 30px; }

	/* itready area*/
	.itreadyArea { padding: 11px 0 0 0; }
	.itreadyArea h2 { padding: 0; font-size: 25px; }
	.itreadyArea .item h3 { padding: 17px 0 0 0; font-size: 17px; }
	.itreadyArea .item p { padding: 17px 0 0 0; }
	/*.itreadyArea .item a { padding: 13px 0 0 0; }*/
	.itreadyArea .item { min-height: 300px; }
	.itreadyArea .item { margin: 57px 0 0 0; }
	.right-sec{margin-top: 20px }

	/* demo area */
	.demoArea { padding: 13px 0; }
	.demoArea form { padding: 13px 13px; margin: 0 10px; }
	.demoArea form h2 { padding: 0 0 17px 0; font-size: 21px; }
	.demoArea form input.inputext { line-height: 40px; }
	.demoArea .reqstdemo .restBtn { padding: 13px 30px; font-size: 16px; }
	.demoArea .reqstdemo .subBtn { padding: 13px 30px; font-size: 14px; }

	.form-inline .form-group{display: inline-table !important;}
	/* servicedisk area */	
	.servicediskArea h2 { font-size: 25px; }
	.servicediskArea p { padding: 0 0; }
	.servicediskArea { padding: 13px 0; }

	/* partners area */
	.partnersArea { padding: 40px 0; }
	.partnersArea form { margin: 0; }
	.partnersArea form h2 { font-size: 23px; }
	.partnersArea form label { font-size: 16px; }
	.partnersArea form button { padding: 14px 40px; font-size: 17px; }

	/* technical area */
	.technicalArea { padding: 13px 0 0px 0; }
	.technicalArea form .Delivery { padding: 7px 32px 4px 15px; }
	.technicalArea form button { padding: 17px 60px; margin: 23px 0 0 0; }

	.footerBox .subscib { padding: 8px 22px; margin: 0 0 20px 15px; font-size: 18px; display: inline-block; }  
	.form-inline .form-group{display: inline-table !important;}

	/* contact area */
	.contactArea { padding: 0 0 27px 0; }

	/* contact box */
	.contactBox .sub { margin: 27px 0 0 0; }
	
   
}	

@media only screen and (min-width: 768px) and (max-width:991px){

	
  
  	#headerWrapper { padding: 20px 0 0 0; }

  	.logoArea { width: 150px; }

	/* menu area */ 
	.menuArea ul li { padding: 15px 9px; }  
	.menuArea ul li a { font-size: 16px; }

	/* banner area */
	.bannerArea .item .text { padding: 160px 0 0 0; }
	.bannerArea .item .text h2 { font-size: 60px; }
	.bannerArea .item .text h1 { font-size: 60px; }
	.bannerArea .item .text p { padding: 10px 0 0 0; font-size: 19px; }
	.bannerArea .item { height: auto; }
	.bannerArea .item .overlay { padding: 0 0 60px 0 }
	.bannerArea .item .text a { padding: 15px 50px; margin: 20px 0 0 0; font-size: 18px; }

	/* supercharge area */
	.superchargeArea h2 { font-size: 35px; }
	.superchargeArea { padding: 27px 0; }
	.superchargeArea .item span { width: 137px; height: 138px; line-height: 139px; }
	.superchargeArea .item h3{ font-size: 17px; }
	.supportArea { padding: 27px 0 60px 0;}
	.superchargeArea .subBox:nth-child(5) .item::before { display: none; }
	.superchargeArea .subBox:nth-child(4) .item::before { display: none; }

	/* itsoftware area */
	.itsoftwareArea h2 { padding: 0 0 17px 0; font-size: 35px; }
	.itsoftwareArea p { font-size: 18px; }
	.itsoftwareArea { padding: 27px 0 40px 0; }

	.itsuperch { padding: 0; }
	.superchargeArea .item:after { display: none; }

	.left-sec{max-width:100%; margin-bottom: 20px; }

	/* flexibleplans area */
	.flexibleplansArea { padding: 27px 0; }
	.flexibleplansArea h2 { font-size: 35px; }
	.flexibleplansArea .item .sub { padding: 10px 10px 0px 10px; min-height: 130px; }
	.flexibleplansArea .item .sub h3 { font-size: 24px; }
	.flexibleplansArea .item .sub h4 { font-size: 26px; }

	.flexibleplansArea .item .sub:after { display: none; }
	.flexibleplansArea .item p { padding: 10px 15px; font-size: 18px; }
	.flexibleplansArea .item { padding: 0 0 30px 0; min-height: 613px; }
	.flexibleplansArea .item ul { padding: 0 10px 0 10px; }

	.form-inline .form-group{display: table-footer-group !important;}

	.supportArea h2 { font-size: 35px; }
	.supportArea a { padding: 16px 60px; font-size: 24px; }

	/* footer area */
	.footerArea { padding: 40px 0 0 0; }

	/* footer box */
	.footerBox { padding-bottom: 40px; }
	.footerBox h2 { padding: 0 0 20px 0; }
	.footerBox .Ftr_menu { padding-top: 20px; }

	/* itready area */
	.itreadyArea { padding: 40px 0; }
	.itreadyArea h2 { font-size: 32px; }
	.itreadyArea .item a { padding: 11px 0 0 0; }
	.itreadyArea .item p { padding: 11px 0 0 0; }
	.itreadyArea .item { padding: 30px 24px 21px 24px; }
	.itreadyArea .item { min-height: 306px; }

	/* innerbanner area */
	.innerbannerArea .item .text { padding: 150px 0 0 0; }
	.innerbannerArea .item { height: auto; }
	.innerbannerArea .item .overlay { padding: 0 0 60px 0; }
	.innerbannerArea .item .text h1 { font-size: 40px; }
	.innerbannerArea .item .text h2 { font-size: 30px; }
	
	/* demo area */
	.demoArea form { padding: 21px 21px; margin: 0 150px; }
	.demoArea form h2 { font-size: 36px; }
	.demoArea .reqstdemo .subBtn { padding: 10px 40px; font-size: 17px; }
	.demoArea .reqstdemo .restBtn { padding: 10px 40px; font-size: 17px; }
	.partnersArea form { padding: 17px 17px; margin: 0 150px; }

	/* contact box */
	.contactBox .sub .item { height: 150px; }
	
	
	
} 

@media only screen and (min-width: 992px) and (max-width:1199px){
		
	.form-inline .form-group{display: inline-table !important;}

	/* menu area */
	.menuArea ul li { padding: 30px 19px; }

	/* banner area */
	.bannerArea .item .text { padding: 220px 0 0 0; }
	.bannerArea .item { height: auto; }
	.bannerArea .item .overlay { padding: 0 0 60px 0 }

	/* flexibleplans area*/
	.flexibleplansArea { padding: 60px 0 60px 0; }
	.flexibleplansArea .item .sub { padding: 23px 10px 0px 10px; }
	.flexibleplansArea .item p { padding: 33px 30px; }
	.flexibleplansArea .item .sub::after { display: none; }

	/* support area */
	.supportArea { padding: 30px 0 60px 0; } 


	.itsuperch { padding: 0 20px; } 
	.superchargeArea .subBox:nth-child(4) .item:before { display: none; }
	.superchargeArea .subBox:nth-child(5) .item:before { display: none; }
	.superchargeArea .item:after { display: none; }
	.superchargeArea .item h3 { font-size: 22px; }

	/* footer area */
	.footerArea { padding-top: 40px; }

	/* footer box */
	.footerBox h2 { padding: 0 0 47px 0; }
	.footerBox .Ftr_menu { padding-top: 30px; }
	.footerBox h2 { padding: 0 0 20px 0; }

	.itreadyArea{ padding: 17px 0 0 0; }
	.itreadyArea .item { min-height: 358px; }
	.itreadyArea h2 { padding: 0; }

	/* demo area*/
	.demoArea form h2 { font-size: 25px; }
	.demoArea form { padding: 60px 80px; }
	.demoArea .reqstdemo .subBtn { padding: 9px 40px; font-size: 19px; }
	.demoArea .reqstdemo .restBtn { padding: 9px 40px; font-size: 16px; }

	/* partners area */
	.partnersArea form input[type="text"] { font-size: 16px;  }
	.partnersArea form { margin: 0 230px; }	

	/* contact box */ 
	.contactBox .sub .item p { font-size: 16px; }
	.contactBox .sub .item { height: 150px; }
	.contactArea { padding: 27px 0 40px 0; }

	.innerbannerArea .item .text { padding: 190px 0 0 0; }
	.innerbannerArea .item { height: auto; }
	.innerbannerArea .item .overlay { padding: 0 0 80px 0; }
	
}

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

	/* banner area */
	.bannerArea .item { height: 700px; }

	/* demo area */ 
	.demoArea form { padding: 0 160px; }

	.flexibleplansArea .item .sub:after { left: -46px; border-left: 231px solid transparent; border-right: 231px solid transparent; }

	/* partners area */ 
	.partnersArea form { margin: 0 270px; }
	
}