@media (min-width: 1900px){
	.home-about::before {
		bottom: 0%;
		height: 25%;
	}
}

@media (min-width: 1280px) and (max-width: 1399px) {
body .slider-content h3 {
       font-size: 28px;
    line-height: 38px;
}
	.slider-content h3 {
		margin-bottom: 22px;
		font-size: 28px;
		line-height: 38px;
	}


	.home-about::before {
		bottom: -90px;
		left: -10%;
		width: 24%;
	}
	.home-about-img img{
		object-fit: fill;
		height: auto;
	}
	h2.main_heading {
		font-size: 38px;
		line-height: 48px;
	}
	.home-about-content p {
		width: 90%;
		margin-bottom: 34px;
	}
	.choose-title h4 {
		font-size: 18px;
		line-height: 30px;
	}
	.choose-content-box:hover {
		padding: 30px;
	}
	.certificates {
		padding: 85px 0px;
	}

	.news-content-box p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 10px;
	}

	.bredcum-section {
		height: 250px;
	}
	.top_nav { 
		width: 60%;
	}


	.top_header ul {
		justify-content: flex-end;
		margin-right: 60px;
	}
}
@media (min-width: 1281px) {

	/* CSS */
	.contact_list {
		justify-content: flex-start;
	}

}


@media (min-width: 1100px) and (max-width: 1199px) {
	
	.swap-on-hover__back-image {
    top: 5px;
}
	
	.navik-menu ul li.mega-menu {
		position: static;
	}
	/* 	.product_menu ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 10px;
} */
	.navik-menu .mega-menu-thumbnail {
		padding: 10px;
	}
.navik-menu>ul>li>a {
    height: auto;
    line-height: inherit;
}
	.product_menu h3 {
		font-size: 14px;
		line-height: 24px;
	}
	.navik-menu .mega-menu-container ul li {
		position: relative;
		width: 20%;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	.logo {
		width: 150px;
	}
	.burger-menu {
		display: none;
	}
	.navik-header.header-shadow.navik-mega-menu.viewport-sm {
		padding: 15px 0;
	}	
	.navik-header-container {
		position: relative;
		display: flex;
		align-items: center;
	}
	.navik-header .logo {
		padding: 0;
	}
	nav.navik-menu.menu-caret.submenu-top-border {
		position: relative;
		width: 100%;
		margin-left: auto;
	}
	.navik-menu>ul {
		display: flex;
		position: absolute;
		top: -20px;
		width: 100%;
		right: -40px;
		justify-content: flex-end;
	}
	.navik-menu>ul>li>a {
		font-weight: 600;
		font-size: 18px;
		background: none;
		padding: 14px 22px;
	}
	.dropdown-plus{
		right: -20px;
	}

	.slider-content {
		padding: 45px 35px;
	}
	.slider-content h3 {
		font-size: 24px;
		line-height: 37px;
	}	
	a.main-btn{
		font-size:15px;
	}	
	.home-about-img {
		height: auto;
	}
	h2.main_heading {
		font-size: 32px;
		line-height: 42px;
	}
	.home-about-content p {
		width: 100%;
	}
	.home-about::before {
		bottom: -120px;
		height: 50%;
	}
	.flavour-img {
		padding: 30px 30px 9px;
	}
	.choose-content-box .choose-icon svg {
		width: 60px;
		height: 70px;
	}
	.choose-title h4 {
		font-size: 18px;
		line-height: 25px;
	}
	.choose-content-box:hover .choose-title p {
		font-size: 14px;
		line-height: 24px;
	}
	.certificates {
		margin: 70px 0px;
	}
	.certificate-sec .back-img img {
    height: 100%;
    object-fit: cover;
}
	.home-review-sec {
		padding-top: 100px;
	}
	.home-review-sec .review-content p {
		font-size: 20px;
		line-height: 30px;
	}
	.home-review-sec .review-profile {
		margin: 34px 0px;
	}
	.home-review-sec .review-profile h4 {
		font-size: 20px;
		line-height: 30px;
	}
	footer address {
		margin-top: 20px;
		font-size: 16px;
		line-height: 26px;
	}
	footer ul li {
		font-size: 16px;
		line-height: 26px;
	}
	footer ul li a{
		font-size: 16px;
		line-height: 26px;
	}
	.choose-content-box {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.bredcum-section {
		height: 290px;
	}
	p, a, li {
		font-size: 16px;
		line-height: 26px;
	}
	.contact_list {
		height: 230px;
	}	
	.contact_info ul li {
		font-size: 16px;
		line-height: 26px;
	}
	.news-box .news-content-box h3 {
		font-size: 20px;
		line-height: 30px;
	}	


}

/* 
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {


}

/* 
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

	/* CSS */
	
.certificate-sec .back-img img {
    height: 100%;
    object-fit: cover;
}
	.certificate-centent {
    top: 20px;
}
	
.certificates {
   
    padding: 75px 0px;
  
}
	.p-100 {
		padding: 50px 0px;
	}

	.logo {
		width: 110px;
	}
	/* CSS */
	.navik-header .logo {
		padding: 10px 0;
		text-align: center;
	}
	.slider-content {
		position: absolute;
		width: 65%;
		padding: 40px;
		margin-top: 12px;
	}
	.home-about-img {
		height: auto;
	}
	.slider-content h3 {
		margin-bottom: 16px;
		font-weight: 700;
		font-size: 16px;
		line-height: 26px;
		/* width: 85%; */
	}
	a.main-btn {
		padding: 8px 61px 8px 18px;
		font-size: 12px;
	}	
	.home-about-content{
		padding-left:0;
	}	
	h2.main_heading {
		font-size: 24px;
		line-height: 34px;
	}
	body p, a, li {
		font-size: 16px;
		line-height: 26px;
	}
	.home-about-content p {
		width: 100%;
		margin-bottom: 34px;
	}
	.home-about::before {
		bottom: -80px;
		left: -90px;
		width: 250px;
		height: 200px;
	}
	.home-about::after {
		bottom: unset;
		right: -40px;
		width: 120px;
		height: 110px;
		top: 0%;
	}
	.choose-content-box .choose-icon svg {
		width: 60px;
		height: 60px;
	}
	.choose-content-box {
		padding: 24px;
		height: 260px;
		margin-bottom:24px;
	}
	.choose-title h4 {
		font-size: 14px;
		line-height: 22px;
	}
	.main-title {
		padding-bottom: 24px;
	}
	.home-review-sec .reviews-box {
		width: 90%;
		margin: auto;
		padding: 32px;
		padding-right: 0;
	}
	.home-review-sec .review-content p {
		font-size: 19px;
		line-height: 30px;
	}
	.home-review-sec .review-profile {
		margin: 24px 0px;
	}
	.profile-img {
		width: 30px;
		height: 30px;
	}
	.home-review-sec .review-profile h4 {
		font-size: 20px;
		line-height: 29px;
	}

	
	section.p-100.home-review-sec {
		padding-bottom: 0;
	}
	.news-content-box p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	.news-box .news-content-box h3 {
		font-size: 17px;
		line-height: 27px;
		margin-bottom: 12px;
		font-weight: 600;
		color: var(--red);
	}
	.news-box {
		margin-bottom: 24px;
	}
	footer h4 {
		margin-bottom: 18px;
		font-size: 20px;
		line-height: 30px;
	}

	.home-about::after {
		bottom: unset;
		right: -40px;
		width: 120px;
		height: 110px;
		top: 47%;
	}
	.news-home-sec::after {
		height: 170px;
		width: 220px;
	}
	section.p-100.home-about {
		overflow: hidden;
	}
	.bredcum-section {
		padding: 0;
		height: 170px;
		background-position: top center;
		background-size: cover;
	}
	.sp {
		padding: 50px 0;
	}
	h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.top_nav {
		display: none;
	}

	.about-page-content {
		width: 100%;
		margin-top: 24px;
	}
	.about-page-content h2 {
		width: 100%;
	}
	.choose_item {
		padding: 24px;
		height: 210px;
		margin-bottom: 24px !important;
	}
	.choose_item h3 {
		font-size: 12px;
		line-height: 22px;
		width: 100%;
	}
	.choose_icon {
		width: 50px;
		height: 50px;
		margin: 0 auto 14px;
	}
	div#myTabContent {
		width: 50%;
		margin-top: 34px;
	}
	.vision_tabs {
		background: var(--red);
		padding: 44px;
		border-radius: 24px;
		margin-right: -60px;
		width: 50%;
	}


	.vision_tabs ul li {
		margin-bottom: 22px;
	}
	.vision_tabs a.nav-link.active {
		font-size: 22px;
		line-height: 30px;
	}
	.vision_tabs a.nav-link {
		padding: 0 28px 4px 0;
		font-size: 18px;
		line-height: 28px;
	}

	.vsion_content {
		width: 80%;
		margin: inherit;
		padding-left: 20px;
		margin-left: auto !important;
	}
	h3 {
		font-size: 30px;
		line-height: 40px;
	}
	/* 	.vision_main {
	display: block;
} */

	.infrasturcture_img_outer img {
		height: 240px;
	}
	.product_menu ul li {
		width: 170px;
		height: 170px;
		margin-right: 32px;
	}

	.infrasturcture_img_outer {
		margin-bottom: 24px;
	}
	.product_main {
		padding: 50px 0;
	}
	.product_img {
		margin-bottom: 24px;
	}
	.product_content h2 {
		font-size: 32px;
		line-height: 42px;
		margin-bottom: 14px;
	}
	.person_contact {
		padding-left: 0;
	}
	.person_contact a {
		font-size: 14px;
	}
	.person_contact p {
		font-size: 14px;
	}
	.form_main .main_title {
		margin-bottom: 25px;
		width: 100%;
	}
	.form_main {
		width: 100%;
		padding: 10px;
	}
	.select-list {
		margin-bottom: 32px;
	}	

	.contact_info ul li {
		font-size: 16px;
		line-height: 26px;
	}
	.blog_content {
		width: 90%;
		margin-top: 24px !important;
	}
	.blog_content h1 {
		font-size: 32px;
		line-height: 42px;
	}
	footer .contact {
		padding-left: 0;
	}
	footer .contact img {
		margin-left: 0;
	}

	.contact_info h2 {
		font-size: 17px;
		line-height: 27px;
	}
}

/* 
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

	/* CSS */
	.flavour-container .flavour-img {
		padding: 18px;
	}
	.home-review-right-img img {
		width: 75%;
	}

}

/* 
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/

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

	.p-100 {
		padding: 50px 0px;
	}

	.logo {
		width: 110px;
	}
	/* CSS */
	.navik-header .logo {
		padding: 10px 0;
		text-align: center;
	}
	.slider-content {
		position: inherit;
		width: 100%;
		padding: 22px;
		border-radius: 24px;
		margin-top: 12px;
	}
	.slider-content h3 {
		margin-bottom: 16px;
		font-weight: 700;
		font-size: 16px;
		line-height: 26px;
		/* width: 85%; */
	}
	a.main-btn {
		padding: 8px 61px 8px 18px;
		font-size: 12px;
	}	
	.home-about-content{
		padding-left:0;
	}	
	h2.main_heading {
		font-size: 24px;
		line-height: 34px;
	}
	p, a, li {
		font-size: 16px;
		line-height: 26px;
	}
	.home-about-content p {
		width: 100%;
		margin-bottom: 34px;
	}
	.home-about::before {
		bottom: -80px;
		left: -50px;
		width: 160px;
		height: 160px;
	}
	.choose-content-box .choose-icon svg {
		width: 60px;
		height: 60px;
	}
	.choose-content-box {
		padding: 24px;
		height: 260px;
		margin-bottom:24px;
	}
	.choose-title h4 {
		font-size: 18px;
		line-height: 28px;
	}
	.main-title {
		padding-bottom: 24px;
	}
	.home-review-sec .reviews-box {
		width: 90%;
		margin: auto;
		padding: 24px 0px;
	}
	.home-review-sec .review-content p {
		font-size: 14px;
		line-height: 28px;
	}
	.home-review-sec .review-profile {
		margin: 24px 0px;
	}
	.profile-img {
		width: 30px;
		height: 30px;
	}
	.home-review-sec .review-profile h4 {
		font-size: 20px;
		line-height: 29px;
	}
	.home-review-right-img img {
		width: 35%;
	}
	section.p_100.certificate-sec {
		display: none;
	}
	section.p-100.home-review-sec {
		padding-bottom: 0;
	}
	.news-box .news-content-box h3 {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 12px;
		font-weight: 600;
		color: var(--red);
	}
	.news-box {
		margin-bottom: 24px;
	}
	footer h4 {
		margin-bottom: 18px;
		font-size: 20px;
		line-height: 30px;
	}

	.home-about::after {
		bottom: unset;
		right: -40px;
		width: 120px;
		height: 110px;
		top: 47%;
	}
	.news-home-sec::after {
		height: 170px;
		width: 220px;
	}
	section.p-100.home-about {
		overflow: hidden;
	}
	.bredcum-section {
		padding: 0;
		height: 170px;
		background-position: top center;
		background-size: cover;
	}
	.sp {
		padding: 50px 0;
	}
	h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.top_nav {
		display: none;
	}

	.about-page-content {
		width: 100%;
		margin-top: 24px;
	}
	.about-page-content h2 {
		width: 100%;
	}
	.choose_item {
		padding: 24px;
		height: auto;
		margin-bottom: 24px !important;
	}
	.choose_item h3 {
		font-size: 16px;
		line-height: 26px;
		width: 90%;
	}
	.choose_icon {
		width: 50px;
		height: 50px;
		margin: 0 auto 14px;
	}
	.vision_tabs {
		padding: 44px;
		padding-top: 24px;
		border-radius: 24px;
		margin-right: -60px;
		width: 100%;
	}
	.vision_tabs ul li {
		margin-bottom: 12px;
	}
	.vision_tabs a.nav-link.active {
		font-size: 22px;
		line-height: 30px;
	}
	.vision_tabs a.nav-link {
		padding: 0 28px 4px 0;
		font-size: 18px;
		line-height: 28px;
	}
	div#myTabContent {
		width: 100%;
		margin-top: -42px;
	}
	.vsion_content {
		width: 100%;
		margin: 0 auto;
		padding-left: 20px;
	}
	h3 {
		font-size: 30px;
		line-height: 40px;
	}
	.vision_main {
		display: block;
	}

	section.team_management_section.sp .row {
		flex-direction: column-reverse;
	}
	.team_management_right {
		margin-bottom: 24px;
	}
	.infrasturcture_img_outer {
		margin-bottom: 24px;
	}
	.product_main {
		padding: 50px 0;
	}
	.product_img {
		margin-bottom: 24px;
	}
	.product_content h2 {
		font-size: 32px;
		line-height: 42px;
		margin-bottom: 14px;
	}
	.person_contact {
		padding-left: 0;
	}
	.person_contact a {
		font-size: 14px;
	}
	.person_contact p {
		font-size: 14px;
	}
	.form_main .main_title {
		margin-bottom: 25px;
		width: 100%;
	}
	.form_main {
		width: 100%;
		padding: 10px;
	}
	.select-list {
		margin-bottom: 32px;
	}	
	.contact_info {
		margin-top: 24px;
	}
	.contact_info ul li {
		font-size: 16px;
		line-height: 26px;
	}
	.blog_content {
		width: 90%;
		margin-top: 24px !important;
	}
	.blog_content h1 {
		font-size: 32px;
		line-height: 42px;
	}
	footer .contact {
		padding-left: 0;
	}
	footer .contact img {
		margin-left: 0;
	}
	
	.content_thank {
    width: 90%;
}
	.content_thank h2 {
    font-size: 25px;
}
	
	.content_thank h3 {
    font-size: 16px;
    line-height: 26px;
}
	
	.thank-info h4 {
    font-size: 16px;
    line-height: 26px;
}

}

/* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
	
	.product_menu ul {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, 160px);
    margin-bottom: 24px;
    justify-content: flex-start;
    align-items: inherit;
}
	
.product_menu ul li {
    width: 100%;
    height: 170px;
    margin-right: 0px;
    margin-bottom: 0;
}
	.team_content {
    position: initial;
    width: 100%;
    transform: inherit;
}
	.team_image {
    width: 100%;
    position: relative;
}
	
	.content_thank {
    width: 90%;
}
	.content_thank h2 {
    font-size: 25px;
}
	
	.content_thank h3 {
    font-size: 16px;
    line-height: 26px;
}
	
	.section .error {
    font-size: 90px;
		line-height: 90px;
	}
	
	.thank-info h4 {
    font-size: 16px;
    line-height: 26px;
}
	
	.page-oop {
    font-size: 16px;
    line-height: 26px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
	ul.contact img {
    width: 100px;
}
	.footer-bottom {
    text-align: center;
}
	
	.p-100 {
		padding: 50px 0px;
	}

	.logo {
		width: 110px;
	}
	/* CSS */
	.navik-header .logo {
		padding: 10px 0;
		text-align: center;
	}
	.slider-content {
		position: inherit;
		width: 100%;
		padding: 22px;
		border-radius: 24px;
		margin-top: 12px;
	}
	.slider-content h3 {
		margin-bottom: 16px;
		font-weight: 700;
		font-size: 16px;
		line-height: 26px;
		/* width: 85%; */
	}
	a.main-btn {
		padding: 8px 61px 8px 18px;
		font-size: 12px;
	}	
	.home-about-content{
		padding-left:0;
	}	
	h2.main_heading {
		font-size: 24px;
		line-height: 34px;
	}
	p, a, li {
		font-size: 16px;
		line-height: 26px;
	}
	.home-about-content p {
		width: 100%;
		margin-bottom: 34px;
	}
	.home-about::before {
		bottom: -80px;
		left: -50px;
		width: 160px;
		height: 160px;
	}
	.choose-content-box .choose-icon svg {
		width: 60px;
		height: 60px;
	}
	.choose-content-box {
		padding: 24px;
		height: 260px;
		margin-bottom:24px;
	}
	.choose-title h4 {
    font-size: 14px;
    line-height: 24px;
}
	.certificate-sec::after {
    top: -140px;
    height: 100px;
}
	.main-title {
		padding-bottom: 24px;
	}
	.home-review-sec .reviews-box {
		width: 90%;
		margin: auto;
		padding: 24px 0px;
	}
	.home-review-sec .review-content p {
		font-size: 14px;
		line-height: 28px;
	}
	.home-review-sec .review-profile {
		margin: 24px 0px;
	}
	.profile-img {
		width: 30px;
		height: 30px;
	}
	.home-review-sec .review-profile h4 {
		font-size: 20px;
		line-height: 29px;
	}
	.home-review-right-img img {
		width: 35%;
	}
	section.p_100.certificate-sec {
    /* display: none; */
    height: auto;
}
	.certificate-sec .back-img img {
    position: inherit;
    width: 100%;
		height: 100%;
	}
	.certificate-centent {
		padding: 12px;
		top: -80px;
		left: 0;
}
.certificates {
    margin: 24px 0;
    height: 100%;
    padding: 0;
}

	
	section.p-100.home-review-sec {
		padding-bottom: 0;
	}
	.news-box .news-content-box h3 {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 12px;
		font-weight: 600;
		color: var(--red);
	}
	.news-box {
		margin-bottom: 24px;
	}
	footer h4 {
		margin-bottom: 18px;
		font-size: 20px;
		line-height: 30px;
	}

	.home-about::after {
		bottom: unset;
		right: -40px;
		width: 120px;
		height: 110px;
		top: 47%;
	}
	.news-home-sec::after {
		height: 170px;
		width: 220px;
	}
	section.p-100.home-about {
		overflow: hidden;
	}
	.bredcum-section {
		padding: 0;
		height: 170px;
		background-position: top center;
		background-size: cover;
	}
	.sp {
		padding: 50px 0;
	}
	h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.top_nav {
		display: none;
	}

	.about-page-content {
		width: 100%;
		margin-top: 24px;
	}
	.about-page-content h2 {
		width: 100%;
	}
	.choose_item {
		padding: 24px;
		height: auto;
		margin-bottom: 24px !important;
	}
	.choose_item h3 {
		font-size: 16px;
		line-height: 26px;
		width: 90%;
	}
	.choose_icon {
		width: 50px;
		height: 50px;
		margin: 0 auto 14px;
	}
	.vision_tabs {
		padding: 44px;
		padding-top: 24px;
		border-radius: 24px;
		margin-right: -60px;
		width: 100%;
	}
	.vision_tabs ul li {
		margin-bottom: 12px;
	}
	.vision_tabs a.nav-link.active {
		font-size: 22px;
		line-height: 30px;
	}
	.vision_tabs a.nav-link {
		padding: 0 28px 4px 0;
		font-size: 18px;
		line-height: 28px;
	}
	div#myTabContent {
		width: 100%;
		margin-top: -42px;
	}
	.vsion_content {
		width: 100%;
		margin: 0 auto;
		padding-left: 20px;
	}
	h3 {
		font-size: 30px;
		line-height: 40px;
	}
	.vision_main {
		display: block;
	}

	section.team_management_section.sp .row {
		flex-direction: column-reverse;
	}
	.team_management_right {
		margin-bottom: 24px;
	}
	.infrasturcture_img_outer {
		margin-bottom: 24px;
	}
	.product_main {
		padding: 50px 0;
	}
	.product_img {
    margin-bottom: 24px;
    top: inherit;
    width: 100%;
}
	.product_content h2 {
		font-size: 32px;
		line-height: 42px;
		margin-bottom: 14px;
	}
	.person_contact {
		padding-left: 0;
	}
	.person_contact a {
		font-size: 14px;
	}
	.person_contact p {
		font-size: 14px;
	}
	.form_main .main_title {
		margin-bottom: 25px;
		width: 100%;
	}
	.form_main {
		width: 100%;
		padding: 10px;
	}
	.select-list {
		margin-bottom: 32px;
	}	
	.contact_info {
		margin-top: 24px;
	}
	.contact_info ul li {
		font-size: 16px;
		line-height: 26px;
	}
	.blog_content {
		width: 90%;
		margin-top: 24px !important;
	}
	.blog_content h1 {
		font-size: 32px;
		line-height: 42px;
	}
	footer .contact {
		padding-left: 0;
	}
	footer .contact img {
		margin-left: 0;
	}
}