/*responsive*/
:root {
	--maincolor: #112820;
	--goldcolor: #f7bc5c;
	--blackcolor: #000;
	--whitecolor: #fff;
  }
  
@media(max-width: 1680px){
	.container {
		max-width: 92%;
		margin: auto;
	}
	.modal-dialog {
		max-width: 80% !important;
	}	
}
@media(max-width: 1200px){
.catbox-text {
	width: 94%;
	padding: 7px 0 8px 10px;
}
}
@media(max-width: 1100px){
.title-right {
    padding: 0;
    right: 0;
    top: 135px;
}
}
@media(max-width: 991px){

	.header .item-center{
		order:3;
		flex:0 0 100%;
	}
	.header .item-left,
	.header .item-right{
		flex:0 0 auto;
	}
	.v-center{
		justify-content: space-between;
	}
	.header .mobile-menu-trigger{
		display: flex;
		height: 30px;
		width: 30px;
		margin-left: 15px;
		cursor: pointer;
		align-items: center;
		justify-content: center;
	}
	.header .mobile-menu-trigger span{
		display: block;
		height: 2px;
		background-color: var(--goldcolor);
		width: 24px;
		position: relative;
	}
	.header .mobile-menu-trigger span:before,
	.header .mobile-menu-trigger span:after{
		content: '';
		position: absolute;
		left:0;
		width: 100%;
		height: 100%;
		background-color: var(--goldcolor);
	}
	.header .mobile-menu-trigger span:before{
		top:-6px;
	}
	.header .mobile-menu-trigger span:after{
		top:6px;
	}
	.header .item-right{
		align-items: center;
	}

	.header .menu{
		position: fixed;
		width: 320px;
		background-color: rgba(255,255,255);
		left:0;
		top:0;
		height: 100%;
		overflow: hidden;
		transform: translate(-100%);
		transition: all 0.5s ease;
		z-index: 1099;
	}
	.header .menu.active{
	   transform: translate(0%);	
	}
	.header .menu > ul > li{
		line-height: 1;
		margin:0;
		display: block;
	}
	.header .menu > ul > li > a{
		line-height: 50px;
		height: 50px;
		padding:0 50px 0 15px;
		display: block;
		border-bottom: 1px solid rgba(13, 24, 49, 0.1);
		color: var(--maincolor);
	}
	.header .menu > ul > li > a i{
		position: absolute;
		height: 50px;
		width: 50px;
		top:0;
		right: 0;
		text-align: center;
		line-height: 50px;
		transform: rotate(-90deg);
	}
	.header .menu .mobile-menu-head{
		display: flex;
		height: 50px;
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 501;
		position: sticky;
		background-color: #ffffff;
		top:0;
	}
	.header .menu .mobile-menu-head .go-back{
		height: 50px;
		width: 50px;
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;
		font-size: 16px;
		display: none;
		padding-top: 16px;
	}
	.header .menu .mobile-menu-head.active .go-back{
		display: block;
	}
	.header .menu .mobile-menu-head .current-menu-title{
		font-size: 15px;
		font-weight: 500;
		color:#000000;
		width: 100%;
	}
	.header .menu .mobile-menu-head .mobile-menu-close{
	    height: 54px;
		width: 50px;
		cursor: pointer;
		line-height: 50px;
		text-align: center;
		color:#000000;	
		font-size: 25px;
	}
	.header .menu .menu-main{
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.header .menu > ul > li .sub-menu.mega-menu,
	.header .menu > ul > li .sub-menu{
		visibility: visible;
		opacity: 1;
		position: absolute;
		box-shadow: none;
		margin:0;
		padding:15px;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		padding-top: 65px;
		max-width: none;
		min-width: auto;
		display: none;
		transform: translateX(0%);
		overflow-y: auto;
	}
.header .menu > ul > li .sub-menu.active{
	display: block;
	background: var(--whitecolor);
}
	
@keyframes slideLeft{
	0%{
		opacity:0;
		transform: translateX(100%);
	}
	100%{
	    opacity:1;
		transform: translateX(0%);	
	}
}
@keyframes slideRight{
	0%{
		opacity:1;
		transform: translateX(0%);
	}
	100%{
	    opacity:0;
		transform: translateX(100%);	
	}
}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img{
		margin-top:0;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title{
		margin-bottom: 20px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title{
		margin-bottom:0px;
	}
	.header .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item{
		flex: 0 0 100%;
        padding: 0px;
	}
	.header .menu > ul > li .sub-menu > ul > li > a,
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a{
		display: block;
	}
	.header .menu > ul > li .sub-menu.mega-menu > .list-item > ul {
		margin-bottom: 15px;
	}
	.menu-overlay{
		position: fixed;
		background-color: rgba(0,0,0,0.5);
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		z-index: 1098;
		visibility: hidden;
		opacity:0;
		transition: all 0.5s ease;
	}
	.menu-overlay.active{
	  visibility: visible;
	  opacity:1;	
	}
	header.header.nav-fix .header-item.item-right .nav-top {
		display: flex;
	}
	.overlay_text> .main-title> h2{
		font-size: 24px;
	}
	.overlay_text> .main-title> h3{
		font-size: 18px;
	}
	.whyhire__cont{
		margin-top: 0px;
	}
	a.btn-custom {
		display: none !important;
	}
	ul.menu-main {
		border-image: none ;
		border: none;
	}
	.contact_information, .contact_form {
		width: 100%;
	}
	.contact_info{
		display: block;
	}
	form .form_group .input_control input{
		width: 50%;
	}
	form {
		width: 100%;
	}
}
@media(min-width: 992px){
	.header .menu > ul > li.menu-item-has-children:hover .sub-menu{
		margin-top: 0;
		visibility: visible;
		opacity: 1;
	}
	header.header {
		align-items: center;
	}
	a.logo img {
		width: 333px;
		height: auto;
	}
}

@media(max-width: 960px){
	.slider-area {
		display: block;
	}
	.slider-right {
		width: 100%;
	}
	.slider-left {
		width: 100%;
	}
	.slider-left {
		width: 100%;
		padding-top: 8rem;
	}
	ul.certificate-area{
		margin-top: 0;
	}
	.main-cont {
		padding-right: 7%;
	  }
	div#carouselExampleIndicators\ slider-cont {
	margin-top: 2rem;
	}
	.slider-right {
		width: 60%;
		margin: 0 auto;
	  }
	  .header.nav-fix{
		align-items: center;
	  }
	  .header{
		align-items: center;
	  }
	  .wel-icon {
		z-index: 99;
		padding: .4rem;
	  }
	  .welbox-1 {
		margin-bottom: .4rem;
	  }
	  .curve.riceround-icon {
		height: 5rem;
		width: unset;
		min-width: unset;
		float: left;
		margin-left: 0;
		margin-right: 1rem;
	  }
	  .sack.sack-desk{
		display: none;
	  }
	  .sack.sack-mob{
		display: block;
		margin: 1rem auto;
	  }
	  .rice-image img {
		height: 14rem;
		margin-top: 1rem;
	  }
	  .main-cont{
		margin-top: 1rem;
	  }

}


@media(max-width: 768px){
	span.support-txt{
		display: none;
	}
	.main-title h2 {
		font-size: 1.6rem;
	}
	.main-title h3 {
		font-size: 1.2em;
	}
	.slick-dots{
		bottom: -34px;
	}
	li.exrension-head h3 {
		font-size: 1.2em;
	}
	.box_med-inner ul li a {
		font-size: 1em;
	}
	span.badge.badge-info {
		font-size: 16px;
	}
	.badge {
		padding: 2px 4px 4px 4px;
	}
	.enq {
		padding: 4px 10px;
		font-size: 14px;
	}
	.abt-content p {
		font-size: 14px;
	}
	h2.c-section__title{
		font-size: 26px;
	}
	.title-left p {
		font-size: 18px;
	}
	.row.whyhire__cont h3 {
		font-size: 22px;
	}
	.row.whyhire__cont p {
		font-size: 16px;
	}
	.box14 .title{
		font-size: 18px;
	}
	.box-title h3 {
		font-size: 18px;
	}
	li.mail-img h4{
		font-size: 18px;
	}
	li.mail-text p{
		font-size: 14px;
	}
	ul.foter-nav li:first-child{
		font-size: 18px;
	}
	ul.foter-nav li{
		font-size: 14px;
	}
	a.call_tag {
		font-size: 18px;
		padding-top: 6px;
	}
	.portfolio_cont{
		width: 100%;
	}
	.portfolio_overlay{
		width: 100%;
	}
	.service-container {
		flex-direction: column;
	  }
	
	.service-container .service-box {
	width: 100%;
	margin: auto;
	}
	ul.ftco-social {
		display: none;
	}
	a.logo img {
    width: 220px;
	}
	.header-cont {
		width: 100%;
		height: auto;
	}
	ul.category-top > li {
		width: 100%;
	}
	ul.category-top{
		display: block;
	}
	ul.category-top > li:nth-child(2) {
		width: 100%;
		padding: 0;
	}
	ul.category-bottom > li {
		width: 100%;
		padding:0px !important;
	}
	ul.category-bottom {
		display: block;
	}

	.category-bottom.category-bottom1 li {
		margin-top: 10px;
	  }
	  .category-bottom.category-bottom2 li {
		margin-top: 10px;
	  }
	  .wel-text p {
		min-height: 260px;
		max-height: 260px;
	  }
	  .welbox-2 {
		margin: 10px 0;
	  }
	  .sack.sack-mob {
		width: 100%;
		height: auto;
		display: block;
		margin: 10px 0;
	  }
	  .rice-cont .rice-detail h4 {
		height: auto;
	}
	.rice-cont .rice-detail h4::before {
		bottom: -.5rem;
	}
	.box14 .title {
		font-size: 16px;
	  }
}

@media(max-width: 680px){
	.container {
		max-width: 100%;
		margin: auto;
	  }
	h2 {
		font-size: 24PX;
	}
	p {
		font-size: 15px;
	}
	.mobileno_responsive{
		display: block;
		width: 100%;
		height: auto;
		display: flex;
		justify-content: center;
		position: absolute;
		bottom: 0;
	  }
	  .nav-top .ph-no{
		display: none;
	  }
	  .mobileno_responsive .ph-no{
		display: block;
	  }
	  .mobileno_responsive {
		display: block;
		width: 100%;
		height: auto;
		display: flex;
		justify-content: center;
		position: fixed;
		bottom: 0;
		z-index: 999;
		background: var(--orangeD);
	}
	.main-title h2 {
		font-size: 1.4rem;
	} 
	.main-title h3 {
		font-size: 1em;
	}
	.title-right{
		width: 100%;
		position: static;
		padding: 0;
		margin-top: 10px;
	}
	.title-left {
		width: 100%;
		height: auto;
	}
	section.whyhire.aboutus-head .head-cont{
		display: block;
	}
	.title-left p{
		padding-bottom: 15px;
	}
	a.logo img{
		width: 220px;
	}
	.header.nav-fix a.logo img {
		width: 50px;
	}
	.modal-dialog {
		max-width:100% !important;
	}
	.enq-form .contentform {
		padding: 0;
	}
	.leftcontact {
		width: 100%;
		padding: 0;
	}
	.rightcontact {
		width: 100%;
		padding: 0;
	}
	.enq-form .form-group {
    	margin-bottom: 0 !important;
	}
	.sub-head h2{
		font-size: 20px;
		line-height: 26px;
		padding-top: 10px;
	}
	.service-container .service-title{
		font-size: 20px;
	}
	.contentform h6{
		font-size: 18px;
	}
	.modal-open .modal{
		padding: 0 !important;
	}
	section.whyhire .head-cont {
		padding: 0;
		display: block;
		margin-bottom: 0;
	}
	.whyhire__item{
		padding: 15px;
	}
	.overlay_text> .main-title{
		margin-top: 0;
	}
	.footer-logo img {
		max-width: 60px;
		margin-bottom: 10px;
	}
	.inner-banner-text .main-head span.page-tittle{
		font-size: 24px;
	}
	form .form_group .input_control input{
		width: 100%;
		margin-bottom: 15px;
	}
	form .input_control{
		display: block;
	}
	form .input_control{
		margin-bottom: 0;
	}
	.inner-banner-text{
		padding-top: 20px;
	}
	span.box_head {
		font-size: 20px;
		padding-top: 10px;
	}
	.overlay_text> span .enq{
		margin-top: 0;
	}
	.main-head h1 {
		font-size: 30px;
		line-height: 34px;
	}
	.banner-text{
		margin-top: 20px;
		padding: 0;
	}
	.sphere-animation {
		top: 0;
		left: 0;
		margin: -200px 0 0 -260px;
		z-index: -99;
	}
	.about-text h4{
		padding-top: 10px;
	}
	.about-text {
		padding-top: 10px;
	}
	.header{
		align-items: center;
	}
	.inner-banner-text{
		padding-top: 15%;
	}
	.inner-banner-text .main-head h1{
		font-size: 20px;
		line-height: 30px;
	}
	section.portfolio.casestudy {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.whyhire{
		margin-top: 0;
	}
	.casestudy-inner{
		width: 100%;
	}

	ul.certificate-area li img {
		height: 50px;
	  }
	  .title-sld{
		font-size: 22px;
	  }
	  .subtitle-sld{
		font-size: 18px;
	  }
	  .mini-title{
		font-size: 18px;
	  }
	  .title-main{
		font-size: 22px;
	  }
	  .rice-cont {
		display: block;
	  }
	  .rice-image{
		width: 100%;
	  }
	  .rice-detail {
		width: 100%;
		height: auto;
	  }
	  .kg-no b {
		width: 50px;
		height: 50px;
	  }
	  .catbox-inner-static.catbox-statictext{
		width: 100%;
		height: auto;
		background: var(--maincolor);
		display: flex;
		justify-content: left;
	  }
	  .catboxstatic-text {
		margin: 0;
		padding: 15px 0 20px 15px;
	  }
	  .catboxstatic-text p {
		font-size: 15px;
		color: var(--whitecolor);
		padding: 6px 0 20px 0;
	  }
	  .catboxstatic-text h3 {
		font-size: 18px;
		color: var(--whitecolor);
	  }
	  .catbot-1 .box14::before, .catbot-2 .box14::before, .cattop-1 .box14::before, .cattop-2 .box14::before,.cattop-3 .box14::before{
		display: none;
	  }
	  .catbox-inner {
		display: none;
	  }
	  .box-content {
		display: none;
	  }
	  .main-cont{
		margin-top: 0;
	  }
	  .welbox-1 h3, .welbox-2 h3, .welbox-3 h3 {
		font-size: 18px;
	  }
	  section.whychooseus h3 {
		font-size: 18px;
	  }
	  section.industry-vertical{
		padding: 20px 0;
	  }
	  .carousel-item img{
		width: unset !important;
		height: 250px;
	  }
	  .slider-right{
		width: 80%;
	  }
	  .shape-text img{
		width: 19rem;
	  }
	  .slider-left {
		padding-top: 6rem;
	  }
}

@media(max-width: 576px){
	h2.c-section__title, h2.middle-section__title {
		font-size: 22px;
	}
	.title-left p {
		font-size: 16px;
	}
	.box_med-inner ul li:nth-child(2), .box_med-inner ul li:nth-child(3), .box_med-inner ul li:nth-child(4), .box_med-inner ul li:nth-child(5){
		display: none;
	}
	.title-sld {
		font-size: 17px;
	  }
	  .subtitle-sld {
		font-size: 16px;
		line-height: 34px;
	  }
	  .slider-right {
		width: 92%;
	  }
	  p.first-letter {
		font-size: 14px;
		line-height: 20px;
	  }
	  .title-bot {
		font-size: 14px;
		line-height: 20px;
	  }
	  .wel-text p{
		font-size: 14px;
		line-height: 20px;
	  }
	  .catboxstatic-text h3 {
		font-size: 16px;
		color: var(--whitecolor);
	  }
	  .catboxstatic-text p {
		font-size: 13px;
	  }
	  .catboxstatic-text h3 {
		font-size: 14px;
	  }
	  section.whychooseus p {
		font-size: 14px;
		line-height: 20px;
	  }
	  section.whychooseus {
		margin: 40px 0 30px 0;
		padding: 15px 0 30px 0;
	  }
	  .title-bot {
		font-size: 14px;
		line-height: 20px;
		padding: 10px 0 20px 0;
	  }
	  .welcomeare {
		margin: 20px 0;
	  }
	  .wel-text p {
		padding-top: 10px;
		line-height: 20px;
		font-size: 14px;
	  }
	  .wel-text{
		padding: 12px;
	  }
	  .wel-text p {
		min-height: 230px;
		max-height: 260px;
	  }
	  section.ricedetail {
		margin-top: 30px;
		padding: 30px 0;
	  }
	  section.ricedetail {
		margin-top: 30px;
		padding: 30px 0;
	  }
	  .row.org-prosld {
		margin-bottom: 0px;
	  }
	  .title-main {
		font-size: 20px;
	  }
	  .footer-content {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	  }
	  .footer-widget ul li {
		margin-bottom: 2px;
	  }
	p.first-letter{
		padding: 0 0 0 0;
	}
	.shape-text img {
		padding: 0;
		padding-bottom: 10px;
	  }
	  section.blog-cont h4 {
		font-size:14px;
		line-height: 20px;
	  }
	  section.blog-cont {
		padding-top: 1rem;
	  }
	  .rice-cont .rice-detail h3 {
		line-height: 21px;
		margin: 0;
		font-size: 20px;
		padding-bottom: 0.3rem;
	  }
	  .rice-detail p {
		padding-top: 10px;
		font-size: 16px;
	  }
	  .rice-cont .rice-detail h4{
		font-size: 15px;
	  }
	  .shape-circle{
		shape-outside: none;
	  }
	  .wrapper-2 h1 {
		font-size: 3em;
	  }
}
@media (min-width: 500px) {
	.sphere path {
	  stroke-width: .4px;
	}
	.catbox-text h3 {
		font-size: 16px;
		color: var(--whitecolor);
	  }
  }
  
@media(max-width: 480px){
	ul.certificate-area li img {
		height: 38px;
	  } 
	  .carousel-item img{
		width: unset !important;
		height: 200px;
	  }
}

@media(max-width: 420px){
}

@media(max-width: 380px){
	.kg-no b {
		width: 40px;
		height: 40px;
	  }
	}