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

.banner-text {

	width: 36%;

	top: 226px;

}

.banner-text h1 {

	font-size: 25px;

	margin-bottom: 10px;

}

.home-slider {

	top: 20px;

	width: 100%;

	right: 0px;

}



.mobile-holder{

	right:0px;

	left: inherit;

	}

.list-ftr li {

	height: 160px;

}

.left-box {

	width: 100%;

	padding: 20px 0px;

	text-align: center

}

.left-box .heading-three strong, .left-box .heading-three small {

	display: block

}

.left-box .row {

	margin: 0px;

}

.left-box .col-sm-6 {

	-ms-flex: 0 0 80%;

	flex: 0 0 80%;

	max-width: 80%;

	margin: 0px auto 60px;

 0px auto;

}

.rgt-pstn {

	width: 100%;

	position: inherit;

 top: 0px.;

	right: 0px;

	margin: 0px auto

}



.tab-holder{

	right: -430px;

	}

}





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

	 .service-tab li{

		 width: 155px;

		 }

		 

		 .service-tab li a {

    font-size: 12px;

    color: #000;

    background: #fcfbfb;

    display: table;

    width: 100%;

    height: 60px;

    padding: 10px;

    line-height: 20px;

    font-weight: bold;

    border-right: 1px solid #eee;

}

 }

 

 @media screen and (max-width:1057) {

 }

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

	 

	 .service-tab li a {

		 font-size: 12px;

		 height: 50px;

padding: 5px;

		 }

		

	

	 

 }



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

.banner-text {

	width: 30%;

	top: 166px;

}

.home-slider {

	right: -14px;

}

.list-img {

	top: 65px;

	width: 260px;

	right: -13px;

}

.hand-pic {

	bottom: 0px;

	width: 160px;

	right: 50px;

}

.tab-holder{

	right: -290px;}

}

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

.container {

	max-width: 94%;

}

.navbar {

	z-index: 99

}

.sh-media p {

	font-size: 14px;

	line-height: 25px;

}

.app-text h2 {

	font-size: 35px !important;

}

.stellarnav.dark .menu-toggle span.bars span {

	background: #3976bc;

}

.menu-toggle {

	position: absolute;

	top: -15px;

	right: -16px;

}

.list-img {

	width: 252px;

	right: -13px;

}

.hand-pic {

	width: 130px;

	right: 50px;

}

.service-tab li {

    width: 150px;

}



.boxshadow p {

    height: 140px;

}



	 .wb-text {

    padding-top: 20px;

	 }

	 

	 .blue-box{

		 right: 79px;

		 }

}

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

.tab-holder {

	right: 0px;

}

.mobile-holder {

	right: 60px;

	left: inherit

}

.banner-text {

	display: none

}

header {

	padding: 10px 0px;

}

.stellarnav.mobile.right > ul {

	left: 0;

	z-index: 9999;

}

.stellarnav.mobile > ul > li > a {

	display: table;

	width: 100%;

}

.stellarnav.mobile > ul > li {

	position: relative

}

.stellarnav a.dd-toggle .icon-plus {

	float: right;

	margin-right: 13px;

}

.stellarnav.dark li ul li a:hover {

	color: #fff

}

.fut-lst {

	padding: 30px 10px;

}

.navbar-expand-lg a {

	margin-left: 18px;

}



.service-tab li {

    width: 146px;

}		 

.stellarnav ul .width-lg li{

	height:auto

	}

.stellarnav.mobile.dark ul ul{

	padding:0px;

	margin:0px

	}

	

	.stellarnav.dark ul ul:before {

		left: 70px;

	}

	.stellarnav.dark ul ul a{

		background-color:#e4f0ff;

		padding: 10px 20px;

		border-bottom: 1px solid #231f1f;

		margin:0px;

		}

	.stellarnav.dark ul ul a:hover{

		background-color: #fff !important;

		color:#676767 !important

	}

	

	

	



}

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

.prd-left {

	padding: 10px;

	width: 100%;

	margin-right: 0px;

}

.prd-lst p {

	float: none;

	padding: 10px 0px 0px;

	display: table;

	text-align: center;

	width: 100%;

}

.list-img {

	width: 199px;

	right: -13px;

	top: 50px;

}

.hand-pic {

	width: 110px;

}



.service-tab li {

    width: 122px;

}



.service-tab li a{

	height:80px

	}

	

	.box-circle {

   width: 150px;

    height: 150px;

    padding: 44px 10px;

    font-size: 16px;

   

}

}

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

.tab-holder {

	right: 40px;

}

.fixed-icon {

	display: table

}

.hgt-size {

	height: 250px

}

.ftr-prd li:first-child {

	padding: 10px 10px;

	display: table;

	width: 100%;

	margin-bottom: 10px;

}

.ftr-prd li {

	padding: 5px 5px;

}

.heading img {

	right: 0px;

}

.phone {

	display: none

}

.artboard-bg .col-sm-8 {

	flex: 0 0 100%;

	max-width: 100%;

}

.right-cont {

	margin-top: 0px;

}

h2 {

	font-size: 20px !important

}

.heading-lg {

    font-size: 20px;

}



.breadcrumb {

	font-size:12px;

	}

	

	.tool:hover::before,

.tool:focus::before,

.tool:hover::after,

.tool:focus::after {

    opacity: 0;

    transform: scale(1) translateY(0);

    z-index: 100; 

}

.btn-bt-txt h4 {

    font-size: 20px;

}



.actn-btm-bg .dwn-btn{

	margin:0px auto

}



.actn-btm-bg.btm-bg {

    padding: 50px 0px;

	height:auto

}





.dwn-fix span, .righ-panel .open-panel, .service-menu{

	display:none

}



.dwn-fix .open-panel{

	display:table}



.service-contain {

    margin-top: 0px;

}

}

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

.schoolerplistimg {

	display: none

}

.school-erp-bg {

	padding: 40px 0px 0px;

	height: 428px;

}

.form-dg {

	margin-top: 40px;

}

.mobile-dgn {

	margin: 50px auto 80px;

	width: 200px;

	height: 350px;

}

.sch-erp-lst .col-md-2, .sch-erp-lst .col-sm-4 {

	flex: 0 0 50%;

	max-width: 50%;

}

.enormous-features li {

	display: table;

	float: left;

	width: 48%;

	text-align: center;

	font-weight: bold;

	line-height: 20px;

	padding: 20px;

	-webkit-box-shadow: 10px 10px 60px -12px rgba(117,113,117,1);

	-moz-box-shadow: 10px 10px 60px -12px rgba(117,113,117,1);

	box-shadow: 10px 10px 60px -31px rgba(117,113,117,1);

	height: 170px;

	margin-bottom: 20px

}

.enormous-features li:last-child {

	margin: 0px auto;

	display: table;

	width: 100%;

	float: none;

	height: auto

}

.infographic-an {

	display: none;

}

.service-tab li {

	display:none



}

.service-menu.sticky{

webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);

-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);

box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);

}



.service-contain {

    margin-top: 0px;

}



.mb-srv-tab li{

	display:table}



.mb-srv-tab  li {

    width: 47%;

	margin: 0px 10px 15px 0px

}





.mb-srv-tab li a{

	padding:40px;

	font-size:16px;

	height: 144px;

	}





.service-menu {

    position: inherit;

}

.box-circle {

	border-radius: 70px;

	width:100%;

	height:auto;

	padding: 10px 0px;



	}

.boxshadow p {

    height: auto;

}

.service-contain .wb-text h2 {



    font-size: 25px !important;

}



.box-text {

	padding:40px;

	}



.blue-box {



    right: 0px;

    position: initial;

    width: 100%;

    margin-top: 30px;



}

}

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

banner-text {

	display: table;

	width: 100%;

	top: 60px;

	text-align: center;

}

.banner-new {

	height: 690px;

}

.home-slider {

	top: 140px;

}

.banner-text {

	display: block;

	width: 100%;

	top: 70px;

	text-align: center;

}

.banner-text h1 {

	font-size: 25px;

}

.banner-text p {

	display: none;

}

.mobile-holder {

	transform: rotate(8deg); /* W3C */

	-webkit-transform: rotate(8deg); /* Safari & Chrome */

	-moz-transform: rotate(8deg); /* Firefox */

	-ms-transform: rotate(8deg); /* Internet Explorer */

	-o-transform: rotate(8deg); /* Opera */

	right: -32px;

	top: 384px

}

.tab-holder {

	right: 51px;

}

.stellarnav .menu-toggle span.bars {

	top: -25px;

}

.sh-media .media {

	border-bottom: 1px solid #ccc;

	padding: 20px;

}

.sch-erp-lst .col-md-2, .sch-erp-lst .col-md-3 {

	width: 50%;

}

.hgt-size {

	height: auto

}

.heading img {

	right: 0px;

}

.mobile-dgn {

	margin: 50px auto 80px;

	width: 200px;

	height: 350px;

}

.ftr-log img {

	width: 220px

}

footer .col-sm-6 .col-sm-6 {

	width: 50%;

	margin-bottom: 20px;

}

.ftr-btm, .cpyrht-txt {

	text-align: center !important

}

.two-box-mb .col-sm-3 {

	width: 50%

}

.box-ftr-lst .col-md-3 {

	width: 50%;

}



.talk-bubble {

	padding:20px;

	}

	

.heading-lg {

    font-size: 16px;

}

.service-contain h2 {



    font-size: 16px !important;

}

}





 

 

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

.container {

	width: 90%;

}

.heading:after {

	content: "";

	width: 310px;

}

.banner-txt h1 {

	font-size: 25px;

}

.banner-txt {

	margin-top: 110px;

}

.list-ftr {

	margin: 0px 0px;

}

.list-ftr li {

	width: 47%;

}





}

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

.ftr-box .ftr-box-icon .front-content h3 {

	font-size: 14px;

}

.ftr-box-icon {

	padding: 50px;

}

.ftr-box-content, .ftr-box-icon {

	height: 270px;

}



.container {

    max-width: 100%;

	width: 100%;

}







.menu-toggle {



    position: absolute;

    top: 0px;

    right: 0px;

	padding:0px !important;



}



.nav-item{

	padding-right: 23px;

	}

.rqs-btn {



    padding: 5px 10px;

    font-size: 14px;



}



.form-dg {



    padding: 30px 10px;



}



.heading h2 {

    font-size: 20px !important;

}



.ftr-prd li a {

	padding:5px;

	}



.stellarnav .menu-toggle span.bars {



    right: 10px;



}



.home-slider {

	display:none

	}



.banner-new {

  display: table;

width: 100%;

padding: 10px 0px 100px;

height:auto !important;

margin:0px;



}



.banner-text {

    position: inherit;

}



}



@media (max-width: 477px) {

	.top-hdr li{

		font-size:14px

		}

	.top-hdr span{

		display:none}

		

		.banner-bg{

			padding: 80px 0px 0px;

			}

}





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

.second-menu.sticky .sticky-logo {

	display: table;

	width: 139px;

}

.home-slider {

	right: -10px;

}

.navbar-expand-lg img {

	width: 139px;

}

.tab-holder {

	right: 51px;

}

.navbar-expand-lg a {

	margin-left: 18px;

}

.rqs-btn {

	padding: 5px 10px;

	font-size: 14px;

}

.mobile-holder {

	display: none;

}

.box-ftr-lst .col-md-3 {

	width: 100%;

}

.ftr-box-icon {

	padding: 20px;

}

.ftr-box-content, .ftr-box-icon {

	height: 192px;

}



.mb-srv-tab{

	margin-bottom:20px;

	}

.mb-srv-tab li {

    width: 50%;

    margin: 0px 0px 0px 0px;

	border:0px;

	border-bottom:1px solid #ccc

}

.mb-srv-tab li a {

    padding: 20px;

    height: 100px;

	order-right: 1px solid #ccc;





	font-size: 14px;

}

}

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

.carousel-indicators {

	left: -120px;

}

footer .col-sm-6 .col-sm-6 {

	width: 100%;

	margin-bottom: 20px;

}

.list-ftr li {

	width: 100%;

	height: auto

}

 .banner-text h1 {

    font-size: 20px;

}

}

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

.home-slider {

	right: 0px;

}

.carousel-indicators {

	left: -120px;

}

.carousel-inner {

	padding: 0px 0px 38px 10px;

}

.banner-txt h1 {

	font-size: 20px;

}

.dwn-btn {

	display: table;

	font-size: 14px;

}

.heading:after {

	content: "";

	width: 259px;

}

.form-dg {

	padding: 20px;

}

.form-dg h2 {

	font-size: 18px !important;

}

.app-text h2 {

	font-size: 25px !important;

}

.app-text small {

	font-size: 18px;

}

.app-text p {

	margin: 20px 0px 20px;

}

.app-text img {

	width: 150px;

}

heading img {

	display: none

}

.schoolerp-enq-bg {

	padding: 50px 0px 0px;

	height: 380px;

	text-align: center;

}

.schoolerp-enq-bg .dwn-btn {

	margin: 20px auto

}

.enormous-features li {

	margin: 0px auto;

	display: table;

	width: 100%;

	float: none;

	height: auto

}

}

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

.second-menu.sticky .sticky-logo, .navbar-expand-lg img {

	width: 129px;

}

}

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

.second-menu.sticky .sticky-logo, .navbar-expand-lg img {

	width: 110px;

}

}







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

	 

	 .logo-prd img {

    width: 20px !important;

	 }

	 .logo-prd {

    font-size: 14px;

}

	 .nav-item {

    padding-right: 0px;

	 }

	 .rqs-btn{

		 margin: 10px;

		 }

		

 }





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

	.navbar-expand-lg a{

		margin: 0px 14px;

		}

		

}