@import "page.css";
@import "header.css";
@import "external.css";
@import "main.css";

@font-face {
    font-family: Poppins Regular;
    src: url('../../fonts/Poppins-Regular.eot');
    src: local("?"),
    url("../../fonts/Poppins-Regular.woff") format("woff"),
    url("../../fonts/Poppins-Regular.ttf") format("truetype");
    font-weight: normal !important;
}
@font-face {
    font-family: Poppins Bold;
    src: url('../../fonts/Poppins-Bold.eot');
    src: local("?"),
    url("../../fonts/Poppins-Bold.woff") format("woff"),
    url("../../fonts/Poppins-Bold.ttf") format("truetype");
    font-weight: bold !important;
}

/* General */

.pc_view {
	display: block !important;
}

.mobile_view {
	display: none !important;
}

.inline_block {
	display: inline-block;
}

.vis {
	display: block !important;
}
.inv {
	display: none !important;
}

.vis2 {
	display: block !important;
}
.inv2 {
	display: none !important;
}

.ttf_button {
	background-color: #ffde00;
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	padding: 0 40px;
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	color: black;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 5px;
	border: 0;
}

body:not(.device-touch) .ttf_button {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.ttf_button:hover {
	background-color: #444;
	color: #FFF;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


.home_button {
	background-color: #3154a6;
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0 40px;
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	color: white;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 5px;
	border: 0;
}

body:not(.device-touch) .home_button {
	-webkit-transition: all .2s ease-in-out ;
	-o-transition: all .2s ease-in-out ;
	transition: all .2s ease-in-out ;
}

.home_button:hover {
	background-color: #ffde00;
	color: black;
}

.yellow_home_btn {
	background-color: #ffde00;
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0 40px;
	font-size: 15px;
	height: 50px !important;
	line-height: 50px !important;
	color: black !important;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 5px;
	border: 0;
}

.yellow_home_btn span {
	font-weight: 600;
}

body:not(.device-touch) .yellow_home_btn {
	-webkit-transition: all .2s ease-in-out !important;
	-o-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
}

.yellow_home_btn:hover {
	background-color: #3154a6;
	color: white !important;
}

.contact_btn {
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0 22px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background-color: #3154a6;
	color: #FFF;
	letter-spacing: 1px;
	border: none;
	border-radius: 5px;
	width: 100%;
}

body:not(.device-touch) .contact_btn {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.contact_btn:hover {
	background-color: #ffde00;
	color: black;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.product_button {
	background: rgb(49,84,166);
	background: linear-gradient(360deg, rgba(49,84,166,1) 0%, rgba(58,130,212,1) 100%);
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0 40px;
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	color: white;
	font-weight: 600;
	letter-spacing: 1px;
	border-radius: 5px;
	border: 0;
}

body:not(.device-touch) .product_button {
	-webkit-transition: all .2s ease-in-out ;
	-o-transition: all .2s ease-in-out ;
	transition: all .2s ease-in-out ;
}

.product_button:hover {
	background: #ffdd00;
	color: black;
}

.header_btn {
	background-color: #3154a6;
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0 40px;
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	color: white !important;
	font-weight: 600 !important;
	letter-spacing: 1px;
	border-radius: 5px;
	border: 0;
	width: 150px;
    text-align: center;

}

body:not(.device-touch) .header_btn {
	-webkit-transition: all .2s ease-in-out ;
	-o-transition: all .2s ease-in-out ;
	transition: all .2s ease-in-out ;
}

.header_btn:hover {
	background-color: #ffde00;
	color: black !important;
}

.hover_black:hover {
	background-color: #444 !important;
	color: #FFF !important;
	-webkit-transition: all .2s ease-in-out ;
	-o-transition: all .2s ease-in-out ;
	transition: all .2s ease-in-out ;
}

.hover_blue:hover {
	background-color: #3154a6 !important;
	color: #FFF !important;
	-webkit-transition: all .2s ease-in-out ;
	-o-transition: all .2s ease-in-out ;
	transition: all .2s ease-in-out ;
}

/* Header */
.header_side_container {
	position: absolute;
	background: #ededed;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 600px;
	min-height: 300px;
	display: none;
	padding: 30px;
}

.header_description {
	padding-right: 20px;
}

#primary-menu.style-2 ul ul li:hover .header_side_container{
	display: block;
}

.header_side_content {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    padding: 15px 30px;
    justify-content: flex-end;
}

.mega_list li:hover .mega_side.header_side_ul {
	display: block;
}

/*.header_side_ul {
	display: none;
}*/

/* Homepage */


.home_span {
	color: #ffde00;
}

.home_about_us_container {
	padding: 60px 0;
	background: url("../../images/home_aboutus.jpg") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}

.home_about_us_container img {
	margin-bottom: 20px;
}

.home_about_us_container h2 {
	color: #3154a6;
	line-height: 1.2;
}

.home_cat_container {
	padding: 60px 0 0 0;
}

.home_category_container {
    background-color: white;
    border-left: 5px solid #3154a6;
    position: relative;
    bottom: 60px;
    margin-bottom: -20px;
    padding: 20px;
    height: 100px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.ctg_description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    margin-bottom: 20px;
}

.home_category_container h4 {
	font-size: 21px;
	margin-bottom: 0;
}

.category_name h4{
    font-size: 21px;
    color: black;
    line-height: 1.2;
    /*height: 50px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home_category_container2 {
    border-left: 5px solid #3154a6;
    position: absolute;
    background: white;
    /*margin-bottom: -140px;*/
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px 20px;
    opacity: 0;
    width: 90%;
    left: 0;
    right: 0;
    bottom: -60px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.home_category_container2 .category_name {
    margin: 15px 0;
}

.home_cat_container .cat_container:hover .home_category_container2 {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    visibility: visible;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    bottom: 0;
    background: #3154a6;
    border-left: 5px solid #ffde00;
    color: white;
}

.home_cat_container .cat_container:hover .home_category_container2 h4 {
	color: white;
}

.cat_btn{
	color: #ffde00 !important;
}

.cat_btn:hover {
	text-decoration: underline !important;
}

.home_product_container {
	padding: 60px 0;
	background: #f3f7ff;
}

.home_product_container .product-image2 {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border: 0;
	height: 230px;
}

.home_product_container .product-desc {
	background: #3154a6;
	padding: 20px;
}

.home_product_container .product-desc h3 {
	text-align: center;
	font-size: 21px;
}


.home_product_container .product-desc h3 a{
	color: white;
	font-size: 18px;
}

.product-desc2 {
	overflow: hidden;
    position: absolute;
    padding: 20px;
    opacity: 0;
    left: 0;
    right: 0;
    bottom: -60px;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.home_product_container .product:hover .product-desc2 {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    visibility: visible;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    bottom: 0;
    background: #3154a6;
}

.home_product_container .product:hover .product-desc2 h3 {
	margin-bottom: 10px;
	text-align: center;
}

.home_product_container .product:hover .product-desc2 h3 a {
	color: white;
	font-size: 18px;
}

.home_whychooseus_top_container {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,222,0,1) 50%, rgba(255,222,0,1) 100%);
	padding: 60px 0;
}

.home_achievement_bg {
	padding: 60px 0;
	background: url("../../images/home_achievement_bg.jpg") no-repeat center;
	background-size: cover;
}

.home_achievement_bg .certificate_img img {
	width: 220px;
}

.home_achievement_flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.home_achievement_content {
	padding: 0 85px 0 85px;
}

.home_achievement_content2 {
	padding: 0 85px	;
}

.home_achievement_content2 iframe {
	vertical-align: baseline;
}

/*#oc-product .owl-item img{
	max-height: 150px;
    max-width: 180px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#oc-product .product-img2{
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}*/
/* -- SIDEBAR -- */
.contact_info {
    background: #140758;
    color: #fff;
    position: fixed;
    z-index: 99999;
    transition: right 0.4s ease;
    -moz-transition: right 0.4s ease;
    -webkit-transition: right 0.4s ease;
}

.titletoggle:hover {
	cursor: pointer;
}

.contact_info .inline_block {
    display:inline-block;
}

.lineheight50 {
    line-height: 50px;
}

.vertical_middle {
    vertical-align: middle;
}

#phone {
    width: 210px;
    right: -160px;
    top: calc(50% - 50px);
    transform: translateY(-50%);
    background-color:#007bf7;
}

#phone a{
    color:white;
}


#phone:hover {
    right: 0; 
}

#whatsapp {
    width: 210px;
    right: -160px;
    top: calc(50% + 20px);
    transform: translateY(-50%);
    background-color:#3ebd4e;
}

#whatsapp a{
    color:white;
}

#whatsapp:hover {
    right: 0; 
}

#order {
    width: 210px;
    right: -160px;
    top: calc(50% + 89.5px);
    transform: translateY(-50%);
    background-color:#3154a6;
}

#order a{
    color:white;
}

#order a span {
    display: block;
    position: absolute;
    top: -10px;
    left: -4%;
    /*right: 11px;*/
    font-size: 13px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: red;
    border-radius: 50%;
}


/* Bottom Contact */

.bottom_contact_container {
	background: url('../../images/bottom_contact.png')no-repeat center;
	background-size: cover;
	border-radius: 10px;
	padding: 30px 60px;
	margin-top: 30px;
}

.bottom_contact_container h5{
	margin-bottom: 0;
	color: white;
	font-family: Poppins Regular,sans-serif;
	font-weight: normal;
}

.bottom_contact {
    display: flex;
    align-items: center;
}

.bottom_contact_container h2 {
	color: white;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 33px;
}

.bottom_contact_container span {
	color: #ffde00 !important;
}

/* Company Overview */


.about_bottom h2{
	font-size: 32px;
	margin-bottom: 20px;
}

.about_center_container {
	color: white;
	padding: 60px 0;
}

.about_bg {
	background: url('../../images/about_center.jpg') no-repeat center;
	background-size: cover;
	padding: 60px 60px 60px 200px;
}

.about_bg2 {
	position: relative;
	bottom: 35px;
	/*background: #3154a6;*/
	height: 600px;
	width: 50%;
	float: left;
}

.about_blue_bg {
	background: #3154a6;
	height: 100%;
	width: 70%;
}

.center_img {
	position: absolute;
	top: 45px;
	left: 5%;
	width: 80%;
}

.about_center_container h2 {
	color: white;
	margin-bottom: 10px;
}

.vm_container {
    display: flex;
    align-items: flex-start;
    color: white;
}

.vm_content_container {
	padding-left: 20px;
}

.vm_content_container h4 {
	color: white;
	margin-bottom: 10px;
}

.vm_content_container ul {
	padding-inline-start: 20px;
}

.management_container .management_grid {
	width: calc(33.33% - 0px);
	margin: 0;
	float:left;
	text-align:center;
	padding: 30px 0 0 0;
	height: 200px;
}

.management_grid .content-image{
	margin-bottom: 10px	;
}

.management_grid .content {
	height: 200px;
}

.my_container .management_grid:hover .content-overlay{
	position: relative;
	bottom: 187px;
	margin-bottom: -60px;
	height: 200px;
	animation: fadeIn 0.2s;
  	-webkit-animation: fadeIn 0.2s;
  	-moz-animation: fadeIn 0.2s;
  	-o-animation: fadeIn 0.2s;
  	-ms-animation: fadeIn 0.2s;
  	display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 0 30px;
}

.content-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	line-height: 30px;
	top: auto;
	bottom: -30px;
	left: 0;
	z-index: 6;
	display: none;
}

.content-overlay h4{
	margin-bottom: 10px;
}

.content-overlay p{
	margin-bottom: 0;
}

/* Quality Assurance */

.quality_top_container h3{
	margin-bottom: 15px;
}

.quality_top_container ul.tab-nav:not(.tab-nav-lg) {
    padding-inline-start: 0;
    border-bottom: 0;
    margin-bottom: 40px;
}

.quality_top_container ul.tab-nav:not(.tab-nav-lg) li {
	width: 33.33% !important;
	height: 105px;
	border: none;
	margin-right: 1%;
	margin-left: 1%;
	background-color: #ffde00;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.quality_top_container ul.tab-nav:not(.tab-nav-lg) li a{
	line-height: 1.5;
	background-color: #ffde00;
	height: 55px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	position: relative;
	bottom: -20px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: flex;
	justify-content: center;
    align-items: center;
}

.quality_top_container ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active {
     background-color: #3154a6; 
}

.quality_top_container ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
     background-color: #3154a6; 
     position: relative;
    bottom: -25px;
    top: unset;
    color: white;
}

.quality_top_container ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active .quality_top_icon {
     background-color: #ffde00;
}

.quality_top_container ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active .quality_top_icon i{
     color: black;
}

.quality_top_icon {
	position: relative;
	bottom: -30px;
	background: #3154a6;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.quality_top_container i {
	z-index: 99;
	color: white;
	font-size: 30px;
	position: relative;
	top: 10px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.quality_top_container ul.tab-nav:not(.tab-nav-lg) li:hover {
    background: #3154a6;
    color: white;
}

.quality_top_container ul.tab-nav:not(.tab-nav-lg) li:hover a {
    background: #3154a6;
    color: white;
}

.quality_top_container ul.tab-nav:not(.tab-nav-lg) li:hover .quality_top_icon {
    background: #ffde00;
}

.quality_top_container ul.tab-nav:not(.tab-nav-lg) li:hover .quality_top_icon i{
    color: black;
}

.analysis_flex {
	display: flex;
}

.assurance_container {
	background: #f3f7ff;
	margin-bottom: 60px;
}

.assurance_flex {
	display: flex;
    flex-direction: row;
    align-items: center;
}

.assurance_flex h3{
	margin-top: 15px;
}


.assurance_bg {
	background: url("../../images/sirim_bg.jpg") no-repeat center;
	background-size: cover;
	padding: 40px 0;
}

.assurance_bg h3 {
	margin-top: 15px;
	color: #ffde00;
}

.assurance_bg p {
	color: white;
	font-size: 18px;
	line-height: 1.4 !important;
}

.test_container {
	padding: 60px 0;
}

.test_side {
	padding-right: 0;
}

.test_side ul{
    list-style-type: none;
    width: 100%;
    display: block !important;
}

.test_side ul.tab-nav:not(.tab-nav-lg) {
    border-bottom: 0px solid #DDD !important;
}

.test_side ul.tab-nav:not(.tab-nav-lg) li{
    text-align: left;

}

.test_side li{

    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 15px 10px 0 !important;
    height: 60px !important;
    border-right: 0 !important;
    background: #efefef;



}
.test_side ul.tab-nav:not(.tab-nav-lg) li a {
    background-color: transparent;
    font-size: 15px !important ;
    height:auto;
    line-height: normal;
}

.test_side ul.tab-nav:not(.tab-nav-lg) li .test_icon {
	font-size: 20px;
}

.test_side ul.tab-nav:not(.tab-nav-lg) li:first-child {
    margin-left: 0 !important;
}

.test_side ul.tab-nav:not(.tab-nav-lg) li .test_icon {
	display: inline-block;
}

.test_side ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active {
    background: #3154a6;
}

.test_side ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a{
    color: white;
}

.test_side ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active .test_icon{
    color: #ffde00;
}

.test_side li:hover {
    background: #3154a6;
    color: white;
}

.test_side li:hover a{
    color: white;
}

.test_side ul.tab-nav:not(.tab-nav-lg) li:hover a {
    color: white;
}

.test_icon i{
    font-style: normal ;
}

.test_content {
	background: #f6f6f6;
	padding: 20px;
}

.test_content p {
	margin-top: 15px;
	font-size: 14px;
}

.test_container .tab-container {
	padding:0;
}


.quality_bottom_container {
	padding: 0;
}

.quality_image {
	padding-left: 0;
	padding-right: 0;
	display: flex;
    justify-content: center;
}

.quality_image img{
	max-width: 400px;
}

.quality_image2 {
	padding-left: 0;
	padding-right: 0;
	display: flex;
    justify-content: center;
}

.quality_image2 img{

}

.quality_bottom_content {
	padding: 0 40px;
}

.quality_container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* Why Choose Us */

.whychooseus_top_container {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,222,0,1) 50%, rgba(255,222,0,1) 100%);
	padding-bottom: 30px;
}

#oc-product_top .product-image {
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

#oc-product_top .product-image h3 {
	margin-bottom: 10px !important;
	font-size: 20px;
	color: white;
	line-height: 1.2;
}

#oc-product_top .product-image p {
	color: white;
}

.certificate_bg {
	background: url('../../images/certificate_bg.jpg') no-repeat bottom;
	background-size: cover;
	height: 300px;
	margin-bottom: -225px;
}

.certificate_container h2{
	color: white;
}

.certificate_img img{
	margin-right: 30px;
}

.certificate_img a {
	margin-bottom: 30px;
	margin-right: 15px;
}

.award_bg {
	background: #f3f7ff;
	padding: 60px 0;
}

.award_accordian .toggle {
	display: block;
	position: relative;
	margin: 0 0 10px 0;
}

.award_accordian .toggle.toggle-bg .togglet img {
	padding-right: 30px;
}

.award_accordian .toggle .togglet i {
    position: relative;
    left: 0;
}

.award_accordian .toggle.toggle-bg .togglet, .award_accordian .toggle.toggle-bg .toggleta {
    background-color: #e4e4e4;
    font-size: 14px;
    padding: 15px 15px;
    line-height: 1.4 !important;
    height:110px;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #444444;
    -webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.award_accordian .toggle.toggle-bg .togglet:hover {
	color: white;
	background: #3154a6;
}


.award_accordian .toggle.toggle-bg .toggleta {
	color: white;
	background: #3154a6;
}


.award_accordian .toggle.toggle-bg .togglec {
    padding: 15px 15px;
}

.award_accordian .togglec h4{
    margin-bottom: 10px;
    font-size: 15px;
}

.award_accordian .togglec h5{
    margin-bottom: 10px;
    font-family: Poppins Regular,sans-serif;
    font-weight: normal;
}

.award_accordian .togglec p {
	font-size: 13px;
	margin-bottom: 10px;
}

/* Our Clienteles */

.testimonials_container {
	padding: 60px 0;
	background: url('../../images/3.jpg') no-repeat center;
	background-size: cover;
}

.testimonials-carousel .owl-stage { padding-top: 40px }

.testimonials-carousel .owl-item {
	opacity: .6;
	transition: transform .3s ease;
	transform: scale(0.8);
}

.testimonials-carousel .owl-item.active.center {
	opacity: 1;
	transform: scale(1);
}

.testimonials_cont {
	border: 0;
	box-shadow: 0 0 35px rgba(140, 152, 164, 0.2);
	border-radius: 1rem;
	padding: 25px;
}

.testi_img, .testi_img a, .testi_img img, .testi_img i {
    display: block;
    width: 80px;
    height: 80px;
}

.testi_img {
	float: none;
	margin: -55px auto 0;
	margin-bottom: 20px;
}

.testimonials_content p {
	text-align: center;
	font-style: normal;
	font-family: var(--fontfamily);
	font-size: var(--basefontsize);
}

.testi-meta {
	text-align: center;
	margin-top: 20px;
}

.testimonials_content h4 {
	margin-bottom: 0;
	font-size: 14px;
}

.testimonials_content h5 {
	font-family: Poppins Regular, sans-serif;
	font-weight: normal;
	font-size: 13px;
	margin-bottom: 15px;
}

/*.testi_img {
	position: relative;
	top: 30px;
}

.testi_img img{
	width: 80px !important;
	height: 80px;
	margin: 0 auto;
}

.testimonials_content {
	padding: 40px 20px 15px 20px;
	border-radius: 20px;
	background: white;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.testimonials_content p {
	font-size: 13px;
	padding: 0 10px;
}





.testimonials_container .owl-carousel .owl-stage {
    max-height: 300px;
    display: flex;
    align-items: center;

}*/

.owl-item.active.center {
	 height:320px;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.owl-carousel .owl-item img{height:100%}


/* Clientele */

.gallery_container {
	padding: 60px 0 0;
}

.gallery_container h3 {
	font-size: 18px;
}

.gallery_container ul.tab-nav:not(.tab-nav-lg) {
	padding-inline-start: 0;
}

.gallery_container ul.tab-nav:not(.tab-nav-lg) li {
	width: 50%;
}

.gallery_container .tabs {
	margin-bottom: 0;
}

/* Video */

.video_container {
	padding: 60px 0 0;
}

.video_container h3 {
	font-size: 18px;
}

.video_container ul.tab-nav:not(.tab-nav-lg) {
	padding-inline-start: 0;
}

.video_container ul.tab-nav:not(.tab-nav-lg) li {
	width: 50%;
}

.video_container .tabs {
	margin-bottom: 0;
}

.video_container .catProd_bigContainer {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.video_container .catProd_grid2 {
    margin: 0 18px 15px 0;
    width: 31.33%;
    display: flex;
    flex-direction: column;
}


.video_container .catProd_box {
	padding: 30px 10px 20px 10px;
}

.video_container .portfolio-menu {
    text-align: left;
    margin: 0px auto;
    /*background-color: #e2e2e2;*/
}
.video_container .portfolio-menu ul {
    padding: 0;
    width: 100%;
}
.video_container .portfolio-menu ul li {
    display: inline-block;
    list-style: none;
    padding: 10px 15px;
    cursor: pointer;
    color: #010204;
    margin-left: -4px;
    border-right: 1px solid #3154a6;
    background-color: #EEE;
    width: 16.67%;
    text-align: center;
}

.video_container .portfolio-menu ul li:hover {
	background-color: #3154a6;
	color: #fff;
}

.video_container .portfolio-menu ul li.active {
    background-color: #3154a6;
    color: #fff;
}

/* Product */



.product_big_container .product_img {
	background: #dedede;
	text-align: center;
	/*height: 450px;*/
}

/*.product_big_container .product_img img{*/
/*	height: 100%;*/
/*}*/

.product_big_container .product_name h3 {
	margin-bottom: 0;
	color: white;
	background: #3154a6;
	padding: 15px 0;
	text-align: center;
}

.product_big_container .product_content {
	margin: 30px 0;
}

.product_big_container .product_table td{
	text-align: center;
}

.product_big_container .product_listing_container {
	margin: 30px 0;
}

.catNavTitle h4{
	background: #3154a6;
	border-left: 5px solid #ffde00;
	text-align: center;
	color: white;
	padding: 10px 0;
	margin-bottom: 0;
}

#menu1 ul {
    padding: 0;
}
#menu1 ul.navmenu1 li {
	margin: 0px;
    list-style: none;
    position: relative;
    background: #f3f3f3;
    padding-top: 0;
}

#menu1 ul.navmenu1 .submenu {
    background: white;
    margin-left: 0;
}
#menu1 ul.navmenu1 .submenu li{
    background: white;
}

#menu1 ul.navmenu1 .menutop a {
    width: 100%;
    float: left;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
}
#menu1 ul.navmenu1 .menutop a:hover{
    color: #3154a6;
}
#menu1 ul.navmenu1 .menutop {
    overflow: hidden;
    width: 100%;
    background: none;
    -webkit-transition: all .2s ease-in-out ;
	-o-transition: all .2s ease-in-out ;
	transition: all .2s ease-in-out ;
}
#menu1 ul.navmenu1 .menutop.active {
    background: #ffde00;
}

#menu1 ul.navmenu1 li ul{
	/*display:none;*/
	visibility: hidden;
  	opacity: 0;
 	transition: visibility 0s, opacity 0.1s linear;
 	height: 0;
}
#menu1 ul.navmenu1 li ul.active {
	/*display:block;*/
	height: auto;
	visibility: visible;
  	opacity: 1;
	-webkit-transition: all .2s ease-in-out ;
	-o-transition: all .2s ease-in-out ;
	transition: all .2s ease-in-out ;
}
#menu1 .toggle {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 24px;
	width: 20px;
	padding: 4px;
	cursor: pointer;
	border: none;
	color: #000;
	margin:0;
	line-height: 20px;
}
.toggle-x, .toggle-x:focus {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px !important;
	padding: 4px;
	cursor: pointer;
	border: none;
	color: red !important;
	font-weight: bold;
	margin:0;
	line-height: 20px !important;
	-webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
	text-align:center;
}
.toggle-x:hover{
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.side_menu_form {
	box-shadow:0px 0px 20px rgba(0, 0, 0, 0.11);
	padding:15px;
	background: #f3f3f3;
}

.side_menu_form .col_full {
	margin-bottom: 10px;
}

.enquiry_btn {
	background-color: #3154a6;
	display: inline-block;
	position: relative;
	cursor: pointer;
	outline: none;
	white-space: nowrap;
	margin: 5px;
	padding: 0 40px;
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	color: white;
	font-weight: normal;
	letter-spacing: 0px;
	border-radius: 5px;
	border: 0;
	width: 100%;
}

.side_menu_form form {
	margin-bottom: 0;
}

.enquiry_btn i {
	padding-right: 10px;
	color: #ffde00;
}

body:not(.device-touch) .enquiry_btn {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.enquiry_btn:hover {
	background-color: #ffde00;
	color: black;
}

.enquiry_btn:hover i {
	color: black;
}

.catalogue_bg {
	padding: 20px;
}

.catalogue_bg h3{
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0;
	margin-top: 15px;
	text-decoration: underline !important;
}

/* Services */

.services_container {
	display: flex;
	align-items: center;
}

.raise_left_title span {
	font-size: 18px;
}

.services_margin {
	margin-right: 0%;
}

.services_image1 {
	margin-bottom: 0;
	margin-right: 0%;
	padding-left: 0;
	padding-right: 0;
}

.services_description {
	padding: 10px 35px 0 35px;
	margin-bottom: 0;
}

.services_description h2 {
	margin-top: 10px;
	line-height: 1.2;
}

.services_description h2 a {
	font-size: 30px;
	color: #444;
}

.services_description p {
	font-size: 14px;
}

.services_description li {
	margin-bottom: 10px;
}

/* News */

.newsListSec {
    padding-left: 0;
    padding-right: 0;
}

.newsListSec a img {
    width: 100%;
    height: 205px;
}

.design1.newsListSec .newsItem{
    background-color: #f6f6f6;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 0;
    position: relative;
    height: 440px;
}

.design1.newsListSec .newsItem .imgContainer{
    padding: 0;
    width: 100%;
    min-height: 190px;
    max-height: 190px;
    background-size: cover;
}
.design1.newsListSec .newsItem .imgContainer img{
    width: 100%;
}
.design1.newsListSec .newsItem .newsdesc{
    padding: 20px 20px 30px;
}
.design1.newsListSec .newsItem .newsdesc h4{
    min-height: 45px;
    overflow: hidden;
    margin-bottom: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: black;
    line-height: 1.2;
}
.design1.newsListSec .newsItem .newsdesc p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #555555 !important;
    margin-bottom: 0;
    height: 72px;
    margin-bottom: 30px;
}

.design1.newsListSec .newsItem .newsdesc .newsdate {
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0;
    background: #3154a6;
    color: white;
    text-align: center;
    position: relative;
    bottom: 35px;
    right: 21px;
    margin-bottom: -10px;
}

.read-more-btn-box {
    text-align: right;
}

.read-more-btn-box a {
    color: red;
}

.read-more-btn-box a:hover {
    color: #3154a6;
    text-decoration: underline !important;
}

.article_detail_container{
	margin-bottom: 60px;
}

.article_date {
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 30px;
}

.article_date p {
	margin-bottom: 0;
	color: #3154a6;
}

.news_detail_flex p {
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0;
    background: #f5590d;
    color: white;
    text-align: center;   
    font-family: Lato Regular, sans-serif;
    width: 18%;
}

.news_detail_content {
    background: white;
    padding: 15px;
}

.news_detail_content h2 {
    /*letter-spacing: 1px;*/
}

.news_detail_back a{
    color: black;
}

.news_detail_back a:hover {
    color: #f5590d;
}

/* Side News */

.article_side {
	position: sticky;
	top: 90px;
	padding-right: 0;
}

.side_menu_title {
	border-left: 3px solid #3154a6;
	color: #3154a6;
	padding-left: 30px;
}

.side_news_container {
	background: #f8f8f8;
	padding: 15px;
}

.side_article {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d8d8d8;
	display: flex;
    align-items: center;
}

.side_date p{
	font-size: 15px;
	font-family: Prompt Medium, sans-serif;
	margin-bottom: 5px;
}

.side_article .entry-image{
	float: left;
    width: 130px;
    height: 130px;
    margin: 0 20px 0 0;
}

.side_article .side_title h2{
	font-size: 17px;
	margin-bottom: 15px;
}

.side_article .side_title h2 a{
	color: black;
}

.side_article .side_title h2 a:hover{
	color: #ab9754;
}

/* Projects */

.project_tabs ul.tab-nav:not(.tab-nav-lg) {
    margin: 0;
    border-bottom: 0px solid #DDD;
    list-style: none;
    display: block;
    padding-inline-start: 0;
}

.project_tabs ul.tab-nav:not(.tab-nav-lg) li:first-child {
    margin-left: 0;
    border-left: 1px solid #DDD;
}

.project_tabs ul.tab-nav:not(.tab-nav-lg) li {
    border-left: 0px !important;
    border-top: 0px;
    border-bottom: 1px solid #ddd !important;
}

.project_tabs ul.tab-nav:not(.tab-nav-lg) li a {
    border-bottom: 1px solid #DDD;
    background: white;
}

.project_tabs ul.tab-nav:not(.tab-nav-lg) li a:hover {
    background-color: #3154a6;
    color: white;
    -webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	top: 1px;
	border-bottom: 0px;
}

.project_tabs ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
    position: relative;
    top: 1px;
    background-color: #3154a6;
    color: white;
    font-family: Poppins Bold, sans-serif;
}

.project_tabs .tab-container {
	margin-top: 30px;
}

.projects_image {
	padding-left: 0;
	padding-right: 0;
}

.project_tabs p{
	margin-bottom: 15px;
	font-size: 14px;
}

.project_tabs .tab-content {
	padding-bottom: 60px;
	border-bottom: 1px solid #ddd;
}

.project_tabs .portfolio-menu {
    text-align: left;
    margin: 0px auto;
    /*background-color: #e2e2e2;*/
}
.project_tabs .portfolio-menu ul {
    padding: 0;
    width: 100%;
}
.project_tabs .portfolio-menu ul li {
    display: inline-block;
    list-style: none;
    padding: 10px 15px;
    cursor: pointer;
    color: #010204;
    margin-left: 0px;
    background-color: white;
    width: 20%;
    text-align: center;
    float: left;
    border-left: 0px !important;
    border-top: 0px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd !important;
     -webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	font-family: Poppins Bold, sans-serif;
}

.project_tabs .portfolio-menu ul li:hover {
	background: #3154a6;
	color: white;
}


.project_tabs .portfolio-menu ul li.active {
    background-color: #3154a6;
    color: #fff;
}

.project_tabs .portfolio-menu {
	margin-bottom: 30px;
}

.project_tabs .catProd_grid2 {
	padding-bottom: 60px;
	padding-top: 30px;
	border-bottom: 1px solid #ddd;
}

/* Career */

.career_bg .toggle .toggleta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.career_bg .toggle .togglet i {
    position: relative;
    left: 0;
}

.career_bg .toggle.toggle-bg .togglet, .career_bg .toggle.toggle-bg .toggleta {
    font-size: 18px;
    padding: 10px 45px;
    letter-spacing: 1.2;
    font-family: Poppins Bold,sans-serif;
    line-height: 1.4 !important;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #002053;
    -webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.career_bg .toggle.toggle-bg .togglet:hover {
	color: #ffde00;
	background: #3154a6;
}


.career_bg .toggle.toggle-bg .toggleta {
	color: #ffde00;
	background: #3154a6;
}


.career_bg .toggle.toggle-bg .togglec {
	margin-top: 30px;
    padding: 0 45px 0 45px;
}

.career_bg p {
	color: black;
}

.career_form_bg {
	padding: 60px 0;
	background: url('../../images/career_bg.jpg') no-repeat center;
	background-size: cover;
}

.career_form_bg h2 {
	color: white;
	font-size: 30px;
}

.career_margin {
	color: white;
}

.career_flex {
	display: flex;
}

.career_pic_container {
    display: block;
    position: relative;
    margin-right: 0%;
    float: left;
    width: 25%;
}

.career_pic_container img {
	width: 100%;
}

/* Contact Us */

.contact_form_container {
	background: url('../../images/contact_form_bg.jpg') no-repeat left;
	background-size: cover;
	padding: 60px 0;
}

#enquiryForm .col-lg-4, #enquiryForm .col-lg-12 {
	margin-bottom: 15px;
	padding-left: 0;
}

.locationheight .row {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 60px;
    display: flex;
    flex-direction: row;
}

.address_grid {
	display:inline-block;
	width:25%;
	border-radius:0px;
	vertical-align:middle;
	padding: 30px 0 0 0;
}

.address_info {
	margin-top: 30px;
}

.address_info a {
	font-size: 18px;
	font-family: Poppins Bold,sans-serif;
	color: #444444;
}

.contact_grid1 {
	background:#3154a6;
}
.contact_grid2 {
	background:#dbdbdb;
}
.contact_grid3 {
	background:#ffde00;
}
.contact_grid4{
	background:#4c4c4c;
}

.contact_info_container {
	margin: 60px 0;
}

.contact_info_title {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}

.contact_info_title h3{
	margin-bottom: 0;
	padding-left: 15px;
	color: #3154a6;
	font-size: 20px;
}

.contact_info_container h2 {
	line-height: 1.2;
}

.contact_info_container span {
	font-size: 24px !important;
	color: #444444 !important;
}

.contact_content {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.content_container {
	padding-left: 30px;
	width: 70%;
}

.content_container h5{
	margin-bottom: 0;
	color: #3154a6;
}

.content_container p {
	margin-bottom: 0;
}

.content_container a {
	font-family: Poppins Bold, sans-serif;
	color: #444;
}

.contact_line {
	height: 475px;
	padding: 0;
	border-left: 1px solid black;
}

.last_contact_content {
	margin-bottom: 0;
}

.appointment_container {
	margin-left: 63px;
	margin-bottom: 20px;
}
.appointment_container p{
	margin-bottom: 0;
	color: red;
}

/* Catalogue */

.catalogue_outer_container {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.catalogue_container {
	width: calc(33.33% - 20px);
	margin: 0 20px 20px 0;
}

.catalogue_bg img {
	width: 244px;
	height: 300px;
}


/* Footer */
.widget img{
	margin-bottom: 15px;
}

.footer-widgets-wrap .col_three_fourth {
	margin-right: 2%;
}

.footer-widgets-wrap .col-lg-10, .footer-widgets-wrap .col-lg-3, .footer-widgets-wrap .col-lg-2 {
	padding-right: 0;
}

 .footer-widgets-wrap .col-lg-3 {
 	width: 22%;
 }

.footer-widgets-wrap .col-lg-4 {
	padding-left: 15px;
}



@media (max-width: 1440px) {
	.ttm-row .spacing {
	    padding: 30px 30px 30px 70px;
	}

	.bottom_contact_container {
	    margin-top: 30px;
	    margin-bottom: 0;
	}

	#primary-menu ul .header_side_ul {
	    /*width: 650px;*/
	}

}

@media (max-width: 1200px) {

	.bread_contact_banner {
	    top: 20px;
	}

	#logo {
	    margin-right: 20%;
	}

	.bottom_contact_container {
	    margin-top: 30px;
	}

	/* Header */

	.header_container {
	    padding: 5px 0 20px 0;
	    position: relative;
	    height: 120px;
	}

	.header_side_content {
	    display: flex;
	    align-items: center;
	    flex-direction: row;
	    padding: 15px;
	}

	#primary-menu ul .header_side_ul {
	    width: 500px;
	}

	#primary-menu ul .header_side_ul h3 {
		font-size: 21px;
	}

	#primary-menu ul .header_side_ul p {
		font-size: 14px;
	}

	.top_bar_logo {
	    position: relative;
	    left: 0%;
	}


	/* Company Overview */

	.ttm-row .col-lg-6 {
	    flex: 0 0 50%;
    	max-width: 50%;
	}

	.ttm-row .spacing {
	    padding: 30px 50px;
	}

	.skincolor-border { 
		border-color: #3154a6;
    	width: 100%;
	}

	.col-bg-img-two.ttm-col-bgimage-yes .ttm-col-wrapper-bg-layer {
	    background-position: right!important;
	}

	/* Quality Assurance */

	.test_content {
	    background: #f6f6f6;
	    padding: 15px;
	    text-align: center;
	}

	.test_content p {
	    margin-top: 15px;
	    font-size: 16px;
	    text-align: center;
	}

	.test_side {
    	padding-left: 0;
    	padding-right: 0;
	}

	.test_side ul.tab-nav:not(.tab-nav-lg) {
		padding-inline-start: 0px;
	}

	.quality_bottom_content p {
		margin-bottom: 15px;
		font-size: 14px;
	}

	.quality_bottom_content h3 {
		margin-bottom: 15px;
		font-size: 21px;
	}

	.quality_bottom_content {
	    padding: 0 25px;
	}

	/* Services */

	.services_description h2 {
	    margin-top: 0;
	    line-height: 1.2;
	    font-size: 24px;
	    margin-bottom: 15px;
	}

	.services_description ul {
		margin-bottom: 15px;
	}

	/* Projects */

	.project_tabs .catProd_grid2 {
	    padding-bottom: 30px;
	    padding-top: 30px;
	    border-bottom: 1px solid #ddd;
	}

	.catProd_grid2 .col-lg-6 {
		padding-left: 0;
		padding-right: 0;
	}

	.catProd_grid2 .projects_image {
		margin-bottom: 30px;
		text-align: center;
	}

	/* News & Event */

	.design1.newsListSec .newsItem {
	    background-color: #f6f6f6;
	    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	    padding: 0;
	    position: relative;
	    height: 565px;
	}

	.footer-widgets-wrap .col-lg-10, .footer-widgets-wrap .col-lg-4,.footer-widgets-wrap .col-lg-3, .footer-widgets-wrap .col-lg-2 {
		padding-right: 0;
		padding-left: 0;
	}

	.footer-widgets-wrap .widget {
		margin-top: 15px;
	}

}

@media (min-width: 900px) and (max-width: 991px){
	.design1.newsListSec .newsItem {
	    height: 565px !important;
	}
}

@media(max-width: 991px){
	/* General */
	.mb-full-width{
		width: 100%! important;
	}

	.pc_view {
		display: none !important;
	}

	.mobile_view {
		display: block !important;
	}

	.bread_contact_banner {
	    top: 0px;
	}

	#top-search form input::-moz-placeholder {
		color: black;
		opacity: 1;
		text-transform: uppercase;
	}
	#top-search form input:-ms-input-placeholder {
		color: black;
		text-transform: uppercase;
	}
	#top-search form input::-webkit-input-placeholder {
		color: black;
		text-transform: uppercase;
	}

	body:not(.top-search-open) #header #logo {
		opacity: 1;
		-webkit-transition: height 0.1s ease, margin 0.1s ease, opacity 0.1s 0.1s ease;
		-o-transition: height 0.1s ease, margin 0.1s ease, opacity 0.1s 0.1s ease;
		transition: height 0.1s ease, margin 0.1s ease, opacity 0.1s 0.1s ease;
	}

	body.top-search-open #header #logo { opacity: 0; }

	/* Bottom Contact */

	.bottom_contact {
	    display: flex;
	    align-items: center;
	    flex-direction: column;
	    text-align: center;
	}

	.bottom_contact h2 {
		line-height: 1.2;
		margin-bottom: 15px;
	}

	.bottom_contact h5 {
		margin-bottom: 15px;
	}

	

	/* Homepage */

	.yellow_home_btn span {
		font-size: 14px !important;
	}

	.certificate_img a {
	    margin-bottom: 30px;
	    margin-right: 0;
	}

	.certificate_img img{
		margin-right: 3%;
		width: 48%;
		margin-bottom: 30px;
	}

	.certificate_img a:last-child img{
		margin-right: 0;
	}

	.home_achievement_bg {
	    padding: 60px 0;
	    background: url(../../images/home_achievement_bg.jpg) no-repeat left;
	    background-size: cover;
	}

	.testimonials_container {
	    padding: 0;
	}

	.home_product_container .product-image2 {
		height: 290px;
	}

	.home_achievement_flex {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}

	.home_achievement_content {
	    padding: 0;
	}

	.home_achievement_content2 {
	    padding: 0;
	}	

	.home_category_container2 {
	    opacity: 1 !important;
	}

	.home_cat_container .cat_container:hover .home_category_container2 {
	    bottom: -60px;
	}

	.category_name h4 {
	    font-size: 18px;
	    color: black;
	    line-height: 1.2;
	    /* height: 50px; */
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	}

	/* Company Overview */

	.big_vm_container .col-lg-12{
		padding-left: 0;
		padding-right: 0;
	}

	.vm_blue_bg {
		background: url('../../images/about_center.jpg') no-repeat center;
		background-size: cover;
		padding: 30px 15px !important;
	}

	.management_container .management_grid {
		width: 50%;
	}

	.about_bottom {
		margin-top: 30px;
	}

	/* Why Choose Us */

	.award_accordian {
		margin-top: 30px;
		padding-left:0;
		padding-right:0;
	}

	.award_accordian .col-lg-3 {
		padding-left:0;
		padding-right:0;
	}

	.award_accordian .toggle.toggle-bg .togglet, .award_accordian .toggle.toggle-bg .toggleta {
	    height:auto;
	}

	/* Quality Assurance */

	.assurance_container .container{
		padding-right: 0;
		padding-left: 0;
	}

	.assurance_flex .col-lg-6:first-child {
		padding-top: 40px;
	}

	.assurance_flex {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}

	.assurance_bg {
		width: 100%;
	}

	.quality_top_container ul.tab-nav:not(.tab-nav-lg) {
	    margin: 0;
	    border-bottom: 1px solid #DDD;
	    list-style: none;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	}

	.quality_top_container ul.tab-nav:not(.tab-nav-lg) li {
	    width: 100% !important;
	    height: 80px;
	    border: none;
	    margin-right: 0%;
	    margin-left: 0%;
	    background-color: #ffde00;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
	    border-bottom: 1px solid #3154a6;
	}

	.quality_top_container ul.tab-nav:not(.tab-nav-lg) li a {
	    line-height: 1.5;
	    background-color: #ffde00;
	    height: 45px;
	    border-top-left-radius: 0;
	    border-top-right-radius: 0;
	    position: relative;
	    bottom: -20px;
	}

	.quality_top_container ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
	    bottom: -20px;
	}

	.assurance_flex {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}

	.assurance_flex .col-lg-6 {
		padding-left: 0;
		padding-right: 0;
	}

	.assurance_bg img {
		width: 50%;
	}

	

	.quality_container {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}

	.quality_bottom_content {
	    padding: 15px 15px 0;
	}

	.quality_bottom_container {
	    padding: 0 0 30px 0;
	}

	/* Services */

	.services_container {
       display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	}

	.services_description {
	    padding: 10px 0 0 0;
	    margin-bottom: 0;
	}

	.services_image1 {
		width: 100%;
	}

	.services_image1 img {
		width: 100%;
	}

	/* News & Event */

	.design1.newsListSec .newsItem {
	    height: 530px;
	}

	.article_side {
	    position: unset;
	    top: 90px;
	    padding-right: 0;
	    padding-left: 0;
	}

	.article_detail_container {
	    padding-left: 0;
	    padding-right: 0;
	}

	/* Video */

	.video_container .catProd_grid2 {
	    margin: 0 20px 20px 0;
	    width: calc(51% - 20px);
	    display: flex;
	    flex-direction: column;
	}

	.video_container .catProd_grid2:nth-child(even) {
	   	margin: 0;
	}
	

	/* Contact Us */

	.locationheight {
		margin-bottom: 30px;
	}

	.contact_mobile_margin {
		margin-bottom: 30px;
	}

	.contact_info_container {
	    margin: 30px 0;
	}

	.address_grid {
	    display: inline-block;
	    width: 50%;
	    border-radius: 0px;
	    vertical-align: middle;
	    padding: 30px 0 30px 0;
	}

	.locationheight .row {
	    margin-right: 0;
	    margin-left: 0;
	    margin-bottom: 0;
	    display: flex;
	    flex-direction: row;
	}

	.sticky-m-container {
	    position: fixed;
	    padding: 0;
	    margin: 0;
	    bottom: 0;
	    height: 60px;
	    width: 100%;
	    text-align: center;
	    z-index: 50;
	    background-color: #333;
	    color: #fff;
	    justify-content: center;
	}
	.sticky-m-container a {
		width: 33.33%;
	}
	.waves-effect {
		padding: 3px 0;
	    position: relative;
	    cursor: pointer;
	    display: inline-block;
	    overflow: hidden;
	    -webkit-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	    -webkit-tap-highlight-color: transparent;
	    vertical-align: middle;
	    z-index: 1;
	    -webkit-transition: .3s ease-out;
	    transition: .3s ease-out;
	}
	.waves-effect img {
	    position: relative;
	    z-index: -1;
	    padding-top: 5px;
	    width: 30px;
	}

	.sticky-m-content span {
	    display: block;
	    position: absolute;
	    top: 3px;
	    left: 40%;
	    /*right: 11px;*/
	    font-size: 13px;
	    color: #FFF;
	    text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
	    width: 20px;
	    height: 20px;
	    line-height: 20px;
	    text-align: center;
	    background-color: red;
	    border-radius: 50%;
	}

	.bgcolor1 {
		background-color: #007bf7;
	}
	.bgcolor2 {
		background-color: #3ebd4e;
	}
	.bgcolor3 {
		background-color: #3154a6;
	}

}

@media (max-width: 767px) {
	.design1.newsListSec .newsItem {
	    height: auto;
	}

	.newsContainer {
		padding-right: 0 !important;
	}

	.home_product_container .product-image2 {
		height: 260px;
	}
}

@media (max-width: 600px) {

	.sticky-m-content span {
	    left: 32%;
	}

	/*Homepage*/
	.certificate_img img{
		margin-right: 0;
		width: 100% !important;
		margin-bottom: 30px;
	}

	.home_achievement_bg {
	    padding: 60px 15px;
	    background: url(../../images/home_achievement_bg.jpg) no-repeat left;
	    background-size: cover;
	}

	.home_achievement_flex {
	    display: block;
	    flex-direction: column;
	    align-items: center;
	}

	.yellow_home_btn span {
	    font-size: 12px !important;
	}

	.yellow_home_btn {
	    height: 40px !important;
	    line-height: 45px !important;
	}

	.home_achievement_bg .col-sm-12 {
		padding-left: 0;
		padding-right: 0;
	}

	

	/* Company Overview */

	.management_container .management_grid {
		width: 100%;
	}

	/* Why Choose Us */

	.award_bg .col-lg-6 {
		padding-left: 0;
		padding-right: 0;
	}
	
	#oc-product_top .product-image h3 {
	    font-size: 16px;
	}
	#oc-product_top .product-image p {
	    font-size: 14px;
	}
	

	.award_accordian .toggle.toggle-bg .togglet, .award_accordian .toggle.toggle-bg .toggleta {
	    padding: 10px 20px;
	    height:auto;
	}

	.award_accordian .toggle.toggle-bg .togglec {
	    padding: 10px 20px;
	}

	/* Quality Assurance */

	.quality_top_container .col-lg-4, .quality_top_container .col-lg-8 {
		padding-left: 0;
		padding-right: 0;
	}

	.assurance_bg img {
		width: 80%;
	}	

	.assurance_flex .col-lg-6 {
	    padding-left: 15px;
	    padding-right: 15px;
	}

	/* Clientele  */

	.gallery_container h3 {
	    font-size: 16px;
	}

	/* Services */

	.services_container {
       display: flex;
	    flex-direction: row;
	    flex-wrap: wrap;
	}

	.services_description {
	    padding: 10px 0 0 0;
	    margin-bottom: 0;
	}

	/* News & Event */

	.design1.newsListSec .newsItem {
	    background-color: #f6f6f6;
	    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	    padding: 0;
	    padding-right: 0;
	    position: relative;
	}

	.newsListSec a img {
	    height: 350px;
	}

	.side_article .side_title h2 {
	    font-size: 15px;
	    line-height: 1.3;
	}

	/* Projects */

	.project_tabs .portfolio-menu ul li {
	    border-left: 1px solid #ddd !important;
	    width: 100%;
	}

	.project_tabs .portfolio-menu ul li:first-child {
		border-top: 1px solid #ddd;
	}

	

	/* Career */

	.career_bg .toggle.toggle-bg .togglec {
	    margin-top: 30px;
	    padding: 0 20px 0 20px;
	}

	.career_bg .toggle.toggle-bg .togglet, .career_bg .toggle.toggle-bg .toggleta {
	    padding: 10px 20px;
	}

	.career_pic_container {
	    display: block;
	    position: relative;
	    margin-right: 0%;
	    float: left;
	    width: 100%;
	}

	/* Contact Us */

	.contact_info_container {
	    margin: 30px 0;
	}

	.address_grid {
	    width: 100%;
	}

	/* Footer */

	.footer-widgets-wrap .col-lg-3 {
	    width: 100%;
	}

	/* Catalogue */

	.catalogue_outer_container {
	    display: block;
	}

	.catalogue_container {
	    width: 100%;
	    margin: 0 20px 20px 0;
	}

	/* Video */

	.video_container .portfolio-menu ul li {
	    border-right: 0px solid #3154a6;
	    width: 100%;
	}

	.video_container .catProd_grid2 {
	    margin: 0 0 20px 0;
	    width: 100%;
	}

	.sidebar {
		margin-top: 30px;
	}

}

@media (max-width: 480px) {
	.newsListSec a img {
	    height: 270px;
	}
}

@media (max-width: 420px){
	#oc-product_top .product-image h3 {
		font-size: 16px;
	}

	#oc-product_top .product-image p {
	    font-size: 15px;
	}

	.product_big_container .product_img {
	/*    background: #dedede;*/
	/*    text-align: center;*/
	    width: 100%; 
 /*       height: auto; */
 /*       min-width: 100%;*/
 /*       display: block;*/
 /*       position: relative;*/
	}

	.newsListSec a img {
	    height: 230px;
	}
	
	/*.product_big_container .product_img img{*/
	/*    height: auto !important;*/
 /*       max-height: none !important;*/
 /*       width: 100%!important;*/
 /*       display: block;*/
 /*       position: relative;*/
	/*}*/
}

@media screen and (min-width: 1920px){
	#wrapper {
	    max-width: 1920px !important;
	    margin: 0 auto !important;
	}
}