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

	
}

/* FOR-LG-START */
@media screen and (min-width: 992px) and (max-width: 1199px) {

	.ofsite-line1 img {
	  width: 751px;
	  height: 295px;
	}

	.ofsite-line2 img {
	  width: 728px;
	  height: 149px;
	}

	
}



/*FOR-TABLATE-START*/
@media screen and (min-width: 768px) and (max-width: 991px) {

	.hero-title h2 {
		font-size: 35px;
	}

	.new-box {
		column-gap: 20px;
	}

	.get-btn a {
		font-size: 10px 43px;
	}

	.works-btn a {
		font-size: 10px 12px;
	}

	.career-title h2 {
		font-size: 28px;
	}

	.lunch-item h4 {
		font-size: 18px;
	}

	.lunch-item p {
		font-size: 15px;
	}

	.online-main {
		column-gap: 35px;
	}

	.online-main h3 {
	  	font-size: 27px;
	  	line-height: 38px;
	}

	.cybersecurity-title h2 {
		font-size: 30px;
	}

	.offsec-title h2 {
		font-size: 24px;
	}

	.accordion-container6 {
		border-radius: 10px;
		border: 1px solid #E30C4E;
		background: linear-gradient(180deg, #4A152C 0%, #291725 100%);
		margin-top: 35px;
	}

	.accordion-container7 {
		border-radius: 10px;
		border: 1px solid #03AFBB;
		background: linear-gradient(180deg, #163C46 0%, #1A2630 100%);
		margin-top: 20px;
	}

	.accordion-container8 {
		border-radius: 10px;
		border: 1px solid #E7B504;
		background: linear-gradient(180deg, #4B3D1B 0%, #31291F 100%);
		margin-top: 20px;
	}

	.accordion-container9 {
		border-radius: 10px;
		border: 1px solid #4CE604;
		background: linear-gradient(180deg, #27481B 0%, #202920 100%);
			margin-top: 20px;
	}


	.accordion-container7 .ac-trigger {
		border-bottom: 1px solid #03AFBB;
	}

	.accordion-container8 .ac-trigger {
		border-bottom: 1px solid #E7B504;
	}

	.accordion-container9 .ac-trigger {
		border-bottom: 1px solid #4CE604;
	}

	.offsec-area {
	  	padding-bottom: 40px;
	}

	.menu2-item {
		display: none;
	}

	.header2-right ul li:nth-of-type(5) a {
		padding: 5px 15px;
		font-size: 16px;
	}

	.header2-right ul li:nth-of-type(4) a {
		font-size: 16px;
	}

	.header2-right ul li:nth-of-type(4) a span img {
	  	max-width: 15px;
	  	margin-right: 4px;
	}

	.header2-right ul {
	  justify-content: flex-end;
	  column-gap: 30px;
	}

	.header-main2 {
	  grid-template-columns: 30% auto;
	  column-gap: 5px;
	}

	.foundation-main {
		column-gap: 20px;
	}


	.school-main {
		grid-template-columns: repeat(2,1fr);
	}

	.school-title h2 {
		font-size: 33px;
	}

	.school-main2 {
		grid-template-columns: 100%;
		row-gap: 31px;
	}

	.certification-topper {
		grid-template-columns: 53% auto;
		column-gap: 20px;
	}

	.manager-main {
		grid-template-columns: repeat(2,1fr);
		row-gap: 51px;
	}

	.manager-item p {
		padding-left: 20px;
	}

	.categories-main {
		grid-template-columns: repeat(2,1fr);
		 row-gap: 40px;
	}

	.variable2-item img {
		max-width: 85px;
	}

	.variable2-item9 img {
		max-width: 30px;
	}

	.variable1-item img {
		max-width: 85px;
	}

	.weeks-box {
		position: initial;
		max-width: initial;
		margin-bottom: 20px;
	}

	.weeks-main {
		grid-template-columns: 100%;
		padding: 20px 15px;
	}



/*ipad*/
}


/*FOR-MOBIL-START*/
@media screen and (max-width: 767px) {

	.header-item1 img {
	  	max-width: 100px;
	}

	.header-item2 a {
		font-size: 13px;
	}

	.header-item3 a {
		font-size: 13px;
		padding: 5px 12px;
	}

	.hero-title h2 {
		font-size: 25px;
	}

	.hero-title h2 br {
		display: none;
	}

	.hero-title p {
		font-size: 16px;
		margin-top: 15px;
	}

	.hero-title p br {
		display: none;
	}

	.new-box {
		grid-template-columns: 100%;
	}

	.new-right {
		text-align: center;
		margin-top: 20px;
	}

	.career-title h2 {
		font-size: 19px;
		text-align: left;
	}

	.career-title h2 br {
		display: none;
	}

	.career-main {
		grid-template-columns: 100%;
		row-gap: 20px;
	}

	.career-pg p {
		font-size: 18px;
		margin-top: 20px;
		text-align: left;
	}

	.lunch-area {
		padding: 40px 0;
	}


	.lunch-main {
	  grid-template-columns: 100%;
	  row-gap: 20px;
	}

	.lunch-main2 {
	  grid-template-columns: 100%;
	  row-gap: 20px;
	}

	.lunch-item p {
		font-size: 16px;
	}

	.lunch-item h4 {
		font-size: 22px;
	}

	.online-area {
	  	padding: 30px 0;
	}

	.online-main {
		grid-template-columns: 100%;
		row-gap: 30px;
		padding: 20px 15px;
	}

	.online-main2 {
	  	margin-top: 25px;
	}

	.online-main h3 {
		font-size: 25px;
		line-height: 40px;
	}

	.syber-logo ul {
		column-gap: 25px;
	}

	.cybersecurity-title h2 {
		font-size: 21px;
	}

	.academy-main {
		grid-template-columns: 100%;
		row-gap: 20px;
	}

	.academy-title h2 {
		font-size: 24px;
	}

	.academy-area {
	  	padding: 0 0 35px 0;
	}

	.admission-area {
	  	padding: 0 0 45px 0;
	}

	.admission-title h2 {
		font-size: 28px;
	}

	.admission-box {
		grid-template-columns: 100%;
		row-gap: 20px;
	}

	.admission-list ul li span {
		font-size: 25px;
	}

	.admission-list ul li {
		font-size: 12px;
	}

	.admission-list ul li br {
		display: none;
	}

	.addbox-left h4 {
		font-size: 40px !important;
	}

	.admission-list ul li:nth-child(2), .admission-list ul li:nth-child(4) {
	  	width: 15px;
	  	background: #BEBEBE;
	}

	.admission-main h4 {
		font-size: 18px;
	}

	.accordion-container1 .ac-trigger {
		padding-right: 42px;
		font-size: 17px;
	}

	.footer-main {
		grid-template-columns: repeat(1,1fr);
		row-gap: 20px;
		column-gap: 15px;
	}

	.contentarea {
	  display: initial;
	}

	.content-box {
      width: 0;
      height: 470px;
      visibility: initial;
      background: #25212B;
      opacity: 0;
      transform: translateY(20px);
      transition: all 0.4s ease;
      display: none;
    }

	.content-box.active {
      margin-top: -0px;
      visibility: initial;
      width: 100%;
      display: block;
      opacity: 1;
      transform: translateY(0);
      margin-top: 25px;
    }

    .content-box3.active {
      margin-right: -0px;
    }

    .content-box2.active {
      margin-right: -0px;
    }

    .step.active .step-icon {
	  width: 100px;
	  height: 50px;
	  border-radius: 14px;
	  margin: 0;
	  margin-top: px;
	}

	.step-title20 h2 {
		font-size: 18px;
	}

	.step-icon2 svg {
		max-width: 30px;
	}

	.step-title {
		font-size: 15px;
		display: none;
	}

	.cybersecurity-area {
  		padding: 18px 0 40px 0;
	}

	.management-title h2 {
		font-size: 25px;
	} 

	.offsec-title h2 {
		font-size: 24px;
	}

	.accordion-container6 {
		border-radius: 10px;
		border: 1px solid #E30C4E;
		background: linear-gradient(180deg, #4A152C 0%, #291725 100%);
		margin-top: 35px;
	}

	.accordion-container7 {
		border-radius: 10px;
		border: 1px solid #03AFBB;
		background: linear-gradient(180deg, #163C46 0%, #1A2630 100%);
		margin-top: 20px;
	}

	.accordion-container8 {
		border-radius: 10px;
		border: 1px solid #E7B504;
		background: linear-gradient(180deg, #4B3D1B 0%, #31291F 100%);
		margin-top: 20px;
	}

	.accordion-container9 {
		border-radius: 10px;
		border: 1px solid #4CE604;
		background: linear-gradient(180deg, #27481B 0%, #202920 100%);
			margin-top: 20px;
	}

	.offsec-area {
	  	padding-bottom: 40px;
	}

	.online-main1 {
	  	top: -90px;
	}

	.blended-box {
		grid-template-columns: 100%;
		row-gap: 20px;
	}

	.blendright-inner {
		grid-template-columns: 100%;
		row-gap: 20px;
	}

	.blended-box ul li {
	  	font-size: 15px;
	}

	.blended-title h4 {
	  	font-size: 17px;
	}

	.blended-box ul {
	  	margin-top: 16px;
	}

	.blended-area {
  		padding-bottom: 65px;
	}

	.blended-title ul {
		display: initial;
	}

	.blended-title ul li {
		margin-bottom: 10px;
	}

	.line-bend {
		margin-bottom: 20px;
	}

	.blended-box1 {
		margin-top: 20px;
	}

	.menu2-item {
		display: none;
	}

	.header2-right ul li:nth-of-type(5) a {
		padding: 5px 10px;
		font-size: 13px;
	}

	.header2-right ul li:nth-of-type(4) a {
		font-size: 12px;
	}

	.header2-right ul li:nth-of-type(4) a span img {
	  	max-width: 12px;
	  	margin-right: 4px;
	}

	.header2-right ul {
	  justify-content: flex-end;
	  column-gap: 10px
	}

	.header-main2 {
	  grid-template-columns: 30% auto;
	  column-gap: 5px;
	}

	.programmer-title h4 {
		font-size: 25px;
		margin-top: 25px;
		text-align: left;
	}

	.programmer-title h3 {
		font-size: 28px;
		text-align: left;
	}

	.programmer-area {
  		padding: 30px 0 0 0;
	}

	.programmer-main {
		display: grid;
		grid-template-columns: repeat(2,1fr);
		row-gap: 20px;
		padding: 11px 15px;
		/*! text-align: center; */
		column-gap: 30px;
		align-items: initial;
	}

	.foundation-main {
		grid-template-columns: 100%;
		row-gap: 30px;
	}

	.foundation-right1 {
		order: 2;
	}

	.foundation-right2 {
		order: 1;
	}

	.foundation-main p {
		font-size: 16px;
	}

	.foundation-main ul li {
		font-size: 16px;
	}

	.foundation-area {
  		padding-bottom: 50px;
	}

	.receive-main {
		grid-template-columns: 100%;
		margin-bottom: 30px;
		row-gap: 30px;
		padding: 0;
	}

	.recive-inner1 {
		order: 2;
	}

	.recive-inner1 {
		order: 1;
	}

	.receive-main p {
		font-size: 16px;
	}

	.receive-main h4 {
		font-size: 22px;
	}

	.receive-area {
  		padding-bottom: 48px;
	}

	.school-main {
		grid-template-columns: 100% !important;
		row-gap: 20px;
	}

	.school-main2 {
		grid-template-columns: 100%;
		row-gap: 20px;
	}

	.school-title h2 {
		font-size: 25px;
		text-align: left;
	}

	.school-title p {
		font-size: 16px;
		text-align: left;
	}

	.school-item {
		padding-left: 15px;
	}

	.school-item ul li p {
		font-size: 16px;
	}

	.school-main2 ul li {
  		grid-template-columns: 10% auto;
	}

	.school-area {
		padding-bottom: 50px;
	}

	.certification-wrapper {
		grid-template-columns: repeat(2,1fr);
		column-gap: 20px;
		row-gap: 20px;
	}

	.certification-topper {
		grid-template-columns: 100%;
	}

	.certification-main {
		padding: 25px 20px;
	}

	.certification-item p {
		font-size: 14px;
	}

	.certification-topper h4 {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.offering-topper {
		grid-template-columns: 100%;
	}

	.offering-wraper {
		grid-template-columns: repeat(2,1fr);
		column-gap: 20px;
		row-gap: 30px;
		margin-top: 30px;
	}

	.offering-topper h4 {
		font-size: 30px;
		margin-bottom: 10px;
	}

	.offering-main {
		padding: 25px 15px;
		margin-top: 30px;
	}

	.offering-item p {
		font-size: 14px;
	}

	.offering-img1 img {
	  	max-width: 100px;
	}

	.offering-img3 img {
	  	max-width: 150px;
	}

	.manager-main {
		grid-template-columns: 100%;
		row-gap: 30px;
	}

	.manager-item1, 
	.manager-item2 {
  	border-right: 0;
	}

	.categories-main {
		grid-template-columns: 100%;
		row-gap: 18px;
	}

	.categories-item2 p {
		margin-top: 15px;
		padding-left: 0;
		max-width: initial;
	}

	.categories-item h4 {
		font-size: 14px;
	}

	.manager-title h2 {
		font-size: 32px;
		text-align: center;
	}

	.certification-area {
		padding-bottom: 48px;
	}

	.mastery-main h2 {
		font-size: 30px;
	}

	.mastery-area {
		padding: 35px 0;
	}

	.mastery-btm p {
		font-size: 16px;
	}

	.weeks-box {
		position: initial;
		max-width: initial;
		margin-bottom: 20px;
	}

	.weeks-main {
		grid-template-columns: 100%;
		padding: 20px 15px;
	}

	.weeks-box1 {
		font-size: 23px;
	}

	.weeks-box2 {
		font-size: 16px;
	}

	.weeks-box5 {
		font-size: 20px;
	}

	.weeks-box9 {
		font-size: 22px;
	}

	.weeks-box11 {
		font-size: 17px;
	}

	.weeks-box6 {
		font-size: 22px;
	}

	.variable1-item img {
  	max-width: 70px;
  	margin: initial;
	}

	.variable-main1 {
		padding: 20px 15px;
	}

	.variable1-item h6 {
		font-size: 16px;
		text-align: left;
	}

	.variable-main2 h6 {
		font-size: 16px;
		text-align: left;
	}

	.variable-main3 {
		padding: 20px;
	}

	.variable2-item img {
		max-width: 70px;
		margin: initial;
	}

	.variable2-item9 img {
		max-width: 30px;
	}

	.arrow1 img {
		max-width: 70px;
	}

	.arrow2 img {
		max-width: 35px;
	}

	.arrow3 img {
		max-width: 35px;
	}

	.variable-main2 {
		grid-template-columns: repeat(4,1fr);
		row-gap: 20px;
	}

	.beginner-inner {
		grid-template-columns: 100%;
		row-gap: 5px;
	}

	.weeks-area {
  	padding-bottom: 60px;
	}

	.beginner-inner p {
		font-size: 16px;
	}

	.weeks-btm p {
		font-size: 16px;
	}

	.categories-item1, 
	.categories-item2 {
	  	border-right: 0;
	}
 
	.manager-main {
		border-top: 0;
	}

	.accordion10 {
    /*! margin: auto; */
  	margin-top: 20px;
    max-width: initial;
	}

	.categories-main {
		border-top: 0;
	}

	.foundation-main ul {
		padding-left: 0;
	}

	.manager-item p {
		padding-left: 0;
	}

	.degree-wrapper {
		margin: initial;
		margin-top: 30px;
	}

	.submenu10 {
  	position: initial;
	}

	.abc-img p {
		text-align: left;
		font-size: 16px;
	}




/*phone*/

}