@import url(hover-min.css);
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');


body{ background:#FFF;
overflow-x: hidden !important;}

a{ color:inherit;}

a:hover{ text-decoration:none;}

li{ list-style:none;}

.navbar-toggle { background-color: #9D1A1F !important; border:2px solid #fff !important; border-radius: 0px; margin-right: 0px; float:left  }

.visible-xs img{
	height: 50px; 
	object-fit: contain; 
	margin-left: 50px;
}

/***WORKING START***/


/* header-top code */
.header-top{
	border-bottom:1px solid #EAECF2;
}
.bg-main {
	background-color: #9D1A1F !important;
	padding: 14px 0;
	display: flex;
	align-items: center;
	clip-path: polygon(0 5%, 100% 0%, 95% 100%, 0% 100%);

  }
  .title-header-top {
	padding-left: 20px;
	color: #fff;
	margin: 0px !important;
  }
  .top-header-right{
	border-left:1px solid #EAECF2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 20px;
  }
  .top-header-right a i{
	font-size: 18px;
  }

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
	background-color: #9D1A1F !important;
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.dropdown-menu > li > a
{
	color:#FFF !important;
}
.navbar-nav{
	position: relative; 
	top: -10px
}
.navbar-inverse .navbar-nav>li>a:active{
	background: white;
	/*border: 10px solid;*/
	color: black !important;
}
.dropdown a:active{
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #9D1A1F;
/*    background-color: #080808;*/
    background-color: white;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:focus,
.dropdown-submenu > li > a:active
{
    color: #9D1A1F !important;
	background: white !important;
}

.navbar-nav>li>.dropdown-menu {
    background-color: #9D1A1F;
    color: red;
}


#carousel-example-generic .fa {
    font-size: 60px;
    position: absolute;
    top: 40%;
}



/*****************************start top header************************************/

.top_paragraph{ float:left; width:100%; margin:10px 0; text-align: right;}

.top_paragraph p{ color:#FFF; font:400 14px 'Ubuntu', sans-serif; margin:0;}



.top_social{ float:right; padding:10px 25px;}

.top_social .fa{ color:#fff; font-size:14px; transition:all 0.3s; padding: 0 0 0 12px;}

.top_social .fa:hover{ color:#df2c22;   }

.top_email{ float:left; margin:40px 0;}

.top_email h2{ float:right; color:#330D44; font:500 16px 'Ubuntu', sans-serif; margin:0;}

.top_email h3{ color:#fff; font:500 13px 'Ubuntu', sans-serif; margin:0;}



.top_social .fa:first-child{ padding:0;}

.top_phone{ float:right; margin:40px 0;}

.top_phone h2{ float:right; width:100%; text-align:right; color:#330D44; font:500 16px 'Ubuntu', sans-serif; margin:0;}

.top_phone h3{ color:#fff; font:500 13px 'Ubuntu', sans-serif; margin:0;}

/*start top logo area*/
/*Updated*/
.top_logo{  width:auto; margin:0px auto;}

/*end top logo area*/



/*start top search bar*/
/*Updated*/
.search_input{ float:right; width:240px; margin: 0px 0;}

.input-group{ padding: 5px 4px !important;  background: #9D1A1F !important; border:1px solid #FFF !important;}

.form-control{ border:1 !important; background:none !important;}

.btn-default{ border:0 !important; transition:all 0.3s !important; background:none !important; border-radius:0;}

.btn-default .fa{ color:#fff !important; transition:all 0.3s !important; font-size:18px !important; margin: 0 0 0 3px !important;} 

.btn-default:hover .fa{ color:#e7148b !important;}  

.input-group .form-control{ margin-left: 2px; border-radius: 0; width:100% !important; background:#fff !important;}

.btn-default:hover{ background:#fff !important; border:0 !important;}

.btn-default .fa{ font-size:20px !important; background:none !important; border:0 !important;}

.btn-default:hover{}

/*end top search bar*/

/*end top header*/







/*start top menu bar*/

.menu5{float:left; width:100%; padding:0; }

.navbar{ margin-bottom:0; min-height:0; }

.navbar-inverse{ background:none; border:0;}

.navbar-nav>li{ background:url(../images/menu-bg.jpg) no-repeat right center; color:#fff; font:500 14px 'Ubuntu', sans-serif; text-transform:uppercase; }

.navbar-nav>li:last-child{ background:none; }

.nav>li>a{  padding:8px 10px 8px 10px; }

.navbar-inverse .navbar-nav>li>a{ color:#FFF; transition:all 0.3s; padding: 15px 18px; text-align: center; font-weight: 500 !important; letter-spacing: 1px; }

/*.navbar-inverse .navbar-nav>li>a:hover{ color:#d22786; background:#fff !important;}
*/
.navbar-collapse{ padding:0 !important;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
{
	overflow:visible !important;
}



#navigation-bar { position: relative; }

#search { position: relative; float: left; width: 45px; height: 41px; margin-left: -10px; margin-top: 0px; }

#label { width: 45px; height: 41px; position: relative; z-index: 20; }

#label label { display: block; width: 45px; height: 41px; background: url("../images/search.png") 0 0; transition:all 0.3s; font-size: 0; color: transparent; text-indent: -9999px; cursor: pointer; }

#label label:hover { background: url("../images/search.png") -45px 0; }

#label.active label { background: url("../images/search.png") -45px 0; }

#input { position: absolute; top: 0; right: 45px; width: 200px; height: 41px; z-index: -1; margin-top: 0px; overflow: hidden; }

#input input { display: block; position: absolute; top: 0; right: -200px; width: 200px; height: 100%; margin: 0; padding: 0 10px; border: none; background-color: #DA81CB; color: #fff; font-size: 18px; -webkit-backface-visibility: none; -moz-backface-visibility: none; -ms-backface-visibility: none; backface-visibility: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: right 0; -moz-transition: right 0; -ms-transition: right 0; -o-transition: right 0; transition: right 0; }

#input input:focus { outline: none; }

#input.focus { z-index: 20; }

#input.focus input { right: 0; -webkit-transition: right 0.3s; -moz-transition: right 0.3s; -ms-transition: right 0.3s; -o-transition: right 0.3s; transition: right 0.3s; }

#input input::-webkit-input-placeholder { color: white; }

#input input:-moz-placeholder { color: white; }

#input input::-moz-placeholder { color: white; }

#input input:-ms-input-placeholder { color: white; }



/*end top menu bar*/



/*****************************end top header************************************/



/*start slider*/

/*end slider*/



/*start categories*/

.main_cat{ float:left; width:100%; margin:30px 0 0 0; }

.cat_bg{ padding:8px; width:100%; float:left; text-align:center; background:url(../images/catbg.jpg) repeat-x center center; }

.cat_bg h2{ color:#333333; font:600 22px 'Ubuntu', sans-serif; margin:2px 0; text-transform:uppercase;}

.cat_bg h3{ margin:5px auto 0 auto; display:inline-block; color:#fff; transition:all 0.3s; padding:10px 40px; text-transform:capitalize; background:#254775; font:500 16px 'Ubuntu', sans-serif;}



/*start perfect Effect*/

.main_cat:hover h3{ background:#3172cc; box-shadow:0 0 12px #3172cc;}

.main_cat{ position:relative; overflow:hidden;}

.main_cat img{transition:all 0.6s;}

.main_cat .overlay{ position:absolute; z-index:999; width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0; transition:all 0.6s;}

.main_cat:hover img{ transform:scale(0.9);}

.main_cat:hover .overlay{opacity:1;}

/*end perfect Effect*/



/*end categories*/



/*start short about*/

.main_wellcome_detail{ 
	padding: 50px;
	display: inline-block;
    text-align: left;
    width: 100%;
}

.main_wellcome{ 
	padding: 24px;
	display: inline-block;
    text-align: left;
    width: 60%;
}

.main_wellcome_detail h2.topheading{ 
    
    width: 320px;
    padding: 5px 0px;
    text-transform: uppercase;
    text-align: center;
    color: #9D1A1F;
    font: 600 26px 'Ubuntu', sans-serif;
    border-bottom: 4px double #9D1A1F;
	
}

.main_wellcome_detail span{  color:#9D1A1F; text-transform:none; padding:0 0px 0 10px;}

.main_wellcome_detail p{ color:#e4e4e4; font:400 14px 'Ubuntu', sans-serif; line-height:20px !important; display:inline-block; width:100%;}

.main_wellcome_detail a{ transition:all 0.5s; color:#FFF; padding-right:10px; padding-bottom:3px; font:500 16px 'Ubuntu', sans-serif; background:#FFF; text-transform:none;}

h2.topheading {
    margin: 0px auto;
    width: 320px;
    padding: 5px 0px;
    text-transform: uppercase;
    text-align: center;
    color: #9D1A1F;
	font-family: 'Ubuntu', sans-serif;
	font-weight: 500;
	font-size: 24px;
    border-bottom: 4px double #9D1A1F
}

h2.topheading span {
    color: #9D1A1F;
    text-transform: uppercase;
    padding: 0 0px 0 10px;
}



.main_wellcome_detail a:hover{ color:#330D44; }

/*end short about*/



/*start products*/

.prod{ margin:15px 0; transition:all 0.3s; border:1px solid #330D44; float:left; width:100%; text-align:center; background-size:cover; overflow: hidden;}

.prod h2{ color:#9D1A1F !important; 'Ubuntu', sans-serif !important;     padding: 8px;    font-size: 20px !important; margin:0px auto; width:100%; float:left; background:none !important;}

.prod h3{ color:#9D1A1F !important;  margin:0px auto 12px auto !important; width:100%; float:left; 'Ubuntu', sans-serif !important; font-size: 16px;}

.prod p{ color:#330D44; font:500 12px 'Ubuntu', sans-serif; margin:4px auto; width:100%; line-height:18px !important; float:left; }

.prod span.view-detail{ transition:all 0.5s; color:#FFF; font:500 16px 'Ubuntu', sans-serif; margin:0 auto; padding:10px; background:#9D1A1F; display: block; position:relative; top:50px; z-index:9; text-transform: uppercase;}

.prod-detail{
	width:100%; min-height: 50px; background-color:#FFF; position: relative; top: 0px; z-index: 20;
}



.prod:hover span.view-detail{ background:#9D1A1F; color:#fff; top:-1px;}

.prod:hover {border:1px solid #9D1A1F; box-shadow:0 0 15px #bdbdbd;}

;}



/*start perfect Effect*/

.prod{ position:relative; overflow:hidden; border: 1px solid #9D1A1F;
    box-shadow: 0 0 6px #bdbdbd;
height: auto;}


.prod img{transition: all 0.4s;
    height: 20%;  position: relative; padding-bottom: -10px; padding-top: 20px; width: auto !important;height: 74%;
}

.prod .overlay{ position:absolute; z-index:999; width:100%; height:100%; background:#FFF; opacity:0; transition:all 0.6s;}

.prod:hover img{ top: 0px;}

.prod:hover .overlay{opacity:1;}



.main_wellcome_detail .item{ margin:0 -7px !important;}



/*end perfect Effect*/

/*end products*/



/*start news letter*/




/*====================  Pagination Start  ===============================*/

.pagination>li>a, .pagination>li>span
{
	border: 1px solid #9D1A1F;
    color: #9D1A1F;
    margin: 2px;
    padding: 5px 12px;
    border-radius: 0px !important;
	
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    
    background-color: #9D1A1F;
	color: #FFF;
    
}

/*====================  Pagination End  ===============================*/

/*end news letter*/





/*start footer*/

.main_heading{ float:left; width:100%; margin:30px 0px 10px 0; }

.heading{ text-transform:uppercase;}


.heading_here h3{ text-transform:capitalize; color:#fff; font:600 16px 'Ubuntu', sans-serif;}

.heading_here p{  color:#FFF; font:400 14px 'Ubuntu', sans-serif;}



ul.main_footer_links{ margin:15px 0 0 0; float:left; width:100%; padding-left:0;  }

ul.main_footer_links li{ color:#fff; font:400 14px 'Ubuntu', sans-serif; padding:0px 0 2px 0; }

ul.main_footer_links li a{ transition:all 0.8s; text-transform:capitalize; }

ul.main_footer_links li a:hover{ text-decoration:underline; color:#000; padding:0 0 0 0px;  }



.main_boxs{ margin:15px 0 0 0; float:left; width:100%;}

.main_boxs p{  color:#fff; font:500 15px 'Ubuntu', sans-serif; padding:3px 0; }

.main_boxs_input{  margin:0 0 10px 0; color:#333333; font:600 13px 'Ubuntu', sans-serif; width:100%; height:38px; background:#fff; border:0; text-indent:10px;}

.ftr_btn{ padding:10px 15px; float: right;   margin: 5px 0; background:#DA81CB; color:#fff; border:0; text-transform:capitalize;}



.main_footer_links3{margin:15px 0 0 0; float:left; width:100%;}

.main_footer_links3 p{ margin: 0;     line-height: 22px !important;  color:#fff; font:400 14px 'Ubuntu', sans-serif;}

.main_footer_links3 span{ float:left; padding:0 10px 0 0;}







.copyr{  text-align:center; padding:10px 0; border-top:1px solid #fff; margin:10px 0 0 0;}

.copyr p{ margin:8px 0 0 0; color:#fff; font:500 15px 'Ubuntu', sans-serif; }

.copyr span{ margin:8px 0 0 0; color:#fff; font:500 15px 'Ubuntu', sans-serif; float:left;}

.copyr a{ color:#fff; font:500 15px 'Ubuntu', sans-serif; transition:all 0.5s;}

.copyr a:hover{ color:#330D44; text-decoration:blink; }

/***********************end footer***************************/

/*====================  Owl Demo Start  ===============================*/

.owl-demo .owl-pagination { display: none;}

.owl-demo .owl-item { padding: 0 15px;}

.owl-demo .owl-buttons { position: absolute; width:100%; padding:0 !important; top: 30%;}

.owl-theme .owl-controls .owl-buttons div{  margin:0; padding:0 !important;}

.owl-demo .owl-buttons div {  font-size: 90px !important; color:#254775 !important; border-radius: 5px;}

.owl-demo .owl-next{ position: absolute; z-index: 999; right: -45px !important;  }

.owl-demo .owl-prev{     position: absolute; z-index: 999; left: -45px !important;  }

.owl-demo .owl-next .fa{ margin: 8px 0 0 -4px;}

.owl-demo .owl-prev .fa{ margin:8px 0 0 -4px;}

.owl-demo .owl-buttons div:hover { color:#330D44 !important;}

/*====================  Owl Demo End  ===============================*/

/*====================  Owl Demo Start  ===============================*/

.owl-demo2 .owl-pagination { display: none;}

.owl-demo2 .owl-item { padding: 0 25px;}

.owl-demo2 .owl-buttons { position: absolute; width:100%; top: 50%;}

.owl-demo2 .owl-buttons div { background: #9D1A1F; font-size: 28px !important; padding: 0 15px !important; color: #FFF !important; border-radius: 5px;}

.owl-next{ position: absolute; z-index: 999; right: 0; width:51px; height:51px; }

.owl-prev{     position: absolute; z-index: 999; left: 0; width:51px; height:51px;  }

.owl-next .fa{ margin: 10px 0 0 4px;}

.owl-prev .fa{ margin:10px 0 0 -4px;}

.owl-demo2 .owl-buttons div:hover { background: #fb7487; color: #FFF !important;}



	

.leftmenu h2{font:400 18px 'Ubuntu', sans-serif; background:#9D1A1F; color:white; padding:10px; margin:0;}



.prdarea h2{font:400 18px 'Ubuntu', sans-serif; background:#9D1A1F; color:white; padding:10px; margin:0;}

.prdarea h3{font:600 16px 'Ubuntu', sans-serif; color:#9D1A1F; padding-top:10px; margin:10px 0 0 0;}	

.prdarea p{color:#000; font:400 13px 'Ubuntu', sans-serif; }

.largeimg{ border:1px #ccc solid;}

.largeimg img{ height: 450px; width: auto; padding: 10px; }

.largedet h3{font:Normal 16px 'Ubuntu', sans-serif; color:#9D1A1F; margin:10px 0 0 0;}

.largedet h4{font:Normal 14px 'Ubuntu', sans-serif; color:#000000; margin:0 0 0 0;}

.largedet h5{font:400 17px 'Ubuntu', sans-serif; color:#9D1A1F; margin:0 0 5px 0;}

.largedet p{color:#000; font:400 13px 'Ubuntu', sans-serif;}
.proddescription { color: #000000;}

.content_text{color:#330D44; font:400 13px 'Ubuntu', sans-serif;}

.largedet input,.largedet select{ border: 1px solid #9D1A1F !important; background: white !important;
    color: #9D1A1F; font-weight: bold;}

.largedet label{ color:white;}



.prdarea .prdarea input, select{ background:#FFF !important; color:black;}

/*
.prdarea textarea, select{ background:#9A296E !important; color:black;}
*/
.prdarea label{ 
	color:#9D1A1F;
    font-family: 'Ubuntu', sans-serif;
	font-weight: normal;
}

.txt_id2{ margin:5px 0; padding:5px;}	

.bootradio .btn {
    color: #FFF !important;
    margin: 2px;
    background-color: #9D1A1F !important;
} 

.bootradio .active {
    color: #FFF !important;
    background-color: #9D1A1F !important;
}

#contact
{
	padding-top: 0px;
    width: 340px;
    height: 95px;
    margin: 28px 0px 10px 0px;
    float: left;
}
#contact span
{
    width: 200px;
    float: right;
    margin-right: 20px;
    color: #FFF;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
}
#contact  #emailhead
{
	color:#9D1A1F;
	font-family: 'Ubuntu', sans-serif;
	font-size:18px;
	font-weight: bold;
	margin-bottom:5px;
	
}

#emailsprt a:hover
{
	color:#9A296E;	
}

#contact  #callhead
{
	color:#9D1A1F;
	font-family: 'Ubuntu', sans-serif;
	font-size:18px;
	font-weight:100;
	margin-bottom:5px;
	
}


#contact span p
{
	color:#9D1A1F;
}

#links ul
{
	height:56px;
	list-style:none;
}
#links ul li
{
	margin-top:20px;
	margin-right:20px;
}

#links ul a
{
	text-decoration:none;
	text-transform:capitalize;
	color:#FFF;
	font-family: 'Ubuntu', sans-serif;
	font-size:16px;
}
.heading h2 {
    border-bottom: 1px solid #FFF;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
	font-weight: 500;
    margin: 0;
    color:#fff; 
	
}
#links ul a:hover
{
	color:#5dd4e3;
	text-decoration:underline;
	transition:.2s linear;
}
.main_heading {
	float:none;
}

#catlinks ul
{
	
}
#catlinks ul li
{
	margin-top:15px;
	margin-right:20px;
	list-style:disc;
	color:#FFF;
}
#catlinks ul a:hover
{
	color:#5dd4e3;
	text-decoration:underline;
	transition:.2s linear;
}

#catlinks ul a
{
	text-decoration:none;
	text-transform:capitalize;
	color:#FFF;
	font-family: 'Ubuntu', sans-serif;
	font-size:15px;
}
.hvr-bounce-to-top,
.hvr-bounce-to-right{
	all: revert;
    color: black !important;
	list-style: none;
	border: none;
	text-decoration: none;
}
.hvr-bounce-to-top:hover{
	color: darkred;
	background-color: yellow;
	background: yellow;
}
.hvr-bounce-to-top:before
{
	all: revert;
	background-color:#000000;
}
.hvr-bounce-to-right:before
{
	all: revert;
	background-color:#F9F9F9;
}

/*Google Translator Styles Start*/
.goog-te-gadget img
{
	display:none;
}
/*Google Translator Styles End*/
p,a{
font-family: 'Ubuntu', sans-serif;
	font-weight: normal;
}
h1,h2,h3,h4,h5,h6
{
	font-family: 'Ubuntu', sans-serif !important;
	font-weight: normal !important;
	margin-top: 0px;
}
.searchcont
{
	padding-top:50px;
}

#topsocialize {
	display: inline-block;
    margin-top: 20px;
    float: left;
    height: 40px;    
}
#topsocialize ul {
    height: 40px;
	padding: 0px;
}
#topsocialize ul li {
    border-radius: 100%;
    padding: 10px;
    float: left;
    margin-left: 5px;
    text-transform: uppercase;
}
#topsocialize ul li a p.topsocializefb {
    background-image: url(../images/social/facebook.png);
}

#topsocialize ul li a p.topsocializetw {
    background-image: url(../images/social/twitter.png);
}

#topsocialize ul li a p.topsocializegp {
    background-image: url(../images/social/instagram.png);
}


#topsocialize ul li a p {
    height: 40px !important;
    width: 40px !important;
    background-size: contain;
    margin: 0px;
}

#topsocialize ul .topsocializefbli:hover
{
	background-color: #3b5998;
}

#topsocialize ul .topsocializetwli:hover
{
	background-color: #00aced;
}
#topsocialize ul .topsocializegpli:hover 
{
	background-color: #d34836;
}

#topsocialize ul li.topsocializefbli:hover a p.topsocializefb {
    background-image: url(../images/social/facebook2.png);
}

#topsocialize ul li.topsocializetwli:hover a p.topsocializetw {
    background-image: url(../images/social/twitter2.png);
}

#topsocialize ul li.topsocializegpli:hover  a p.topsocializegp {
    background-image: url(../images/social/instagram2.png);
}

.signup {
    border-radius: 5px;
    float: left;
    text-align: center;
}

#signupemail {
    padding-left: 10px;
    display: block;
    margin: 0 auto;
    width: 90%;
    border: 0;
    border-bottom: 1px solid rgba(206, 204, 204,.6);
    height: 36px;
    line-height: 45px;
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.9);
    /* margin-left: 10px; */
    float: left;
    background-color: transparent;
}

#signupsubmit {
    font-family: 'Ubuntu', sans-serif;
    background-color: #FFF;
    border: 0 none;
    border-radius: 0px;
    color: #9D1A1F;
    float: right;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    margin-top: -2px;
    width: 40%;
}

.catseccont{
	width: 33%;
	height: 300px;
	padding-top: 14px;
	float: left;
}
.categroiessec{
	width:  340px;
	height: 300px;
	margin: 0px auto;
	overflow: hidden;
}
.maincatfront{
	width:  340px;
	height: 300px;
}
.maincatmask{
	width:  340px;
	height: 300px;
	background-color: rgba(255, 255, 255, 0.9);
	transition: 0.5s;
	padding: 10px;
}
.categroiessec:hover .maincatmask{
	transform: translateY(-200px);
	transition: 0.5s;
}

.maincatmask ul li{
	color: #a95381;
    font-weight: bold;
}

.maincatimg{
	position: relative;
    width: 340px;
    height: 300px;
}
.maincatimg img{
	width: 340px;
    height: 300px;	
}
.maincatheading{
	bottom: 0px;
    position: absolute;
    width: 340px;
    height: 50px;
	background-color: rgba(255, 255, 255, 0.9);
}
.maincatheading h2{
	margin: 0px;
	width: 340px;
    height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #9D1A1F;
}


.prod-container
	{
		background-color: #fbfbfb;
		padding-top: 20px;
		padding-left: 30px;
		padding-right: 30px;	
	}


.factoryview{
	float: right;
    padding: 50px 0px 50px 20px;
}
	
.factoryview img{
	width: 400px;
}


.btn-tsearch{
padding: 6px 12px 5px 12px;
}

.left_menu_main a{
			pointer-events: none;
		}

.sortnperpage{
	height: 30px;
    clear: both;
    line-height: 30px;
}


.crfooter{
	float:left; padding: 0px; text-align:left; 
}
.developfooter{
	float:right; padding: 0px; text-align:right;
}

.sortlabel, .perpagelabel {
    font-family: 'Ubuntu';
    font-weight: bold;
    color: #9D1A1F;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #101010;
    margin: 10px 0 0 0;
}

/*====================  Owl Demo End  ===============================*/

@media screen and (max-width:1200px){
	
	.factoryview img {
    width: 400px;
	}
	
	.factoryview {
    padding: 50px 10px;
	}
	
	.catseccont {
    width: 50%;
	}
	.header-top{
		display: none !important;
	}
.navbar-nav>li{ font-size:12px;}

.cat_bg h2{ font-size:16px;}

.cat_bg h3{ font-size:14px;}

.align-item{
	display: flex;
	flex-direction: column !important;
	align-items: flex-start !important;
}

} 

#contact
{
	width:340px;
	height:95px;
	margin: 40px 0px 10px 20px;
	float:right;
}
#contact span
{
	width: 170px auto;
	height:95px;
	float:right;
	text-align:right;
	margin-right:20px;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
}
#contact span #sprthead
{
	color:#0E4548;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:100;
	margin-bottom:5px;
	
}
#contact span p
{
	color:#0E4548;
}
#links ul
{
	height:56px;
	list-style:none;
}
#links ul li
{
	margin-top:20px;
	margin-right:20px;
}

#links ul a
{
	text-decoration:none;
	text-transform:capitalize;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
.heading h2 {
    border-bottom: 1px solid #c1e7e4;
    color: #fff;
    font: 500 20px 'Ubuntu', sans-serif;
    margin: 0;
    padding: 10px 0;
}
#links ul a:hover
{
	color:#5dd4e3;
	text-decoration:underline;
	transition:.2s linear;
}
.main_heading {
	float:none;
}
.owl-theme .owl-controls .owl-buttons div
{
	//color:#83D0C9 !important;
	
}
#catlinks ul
{
	
}
#catlinks ul li
{
	margin-top:15px;
	margin-right:20px;
	list-style:disc;
	color:#FFF;
}
#catlinks ul a:hover
{
	color:#5dd4e3;
	text-decoration:underline;
	transition:.2s linear;
}

#catlinks ul a
{
	text-decoration:none;
	text-transform:capitalize;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}



@media screen and (max-width:992px){
	
	.main_wellcome {
    padding: 0px;
	}
	
	h2.topheading {
    width: 260px;
    font-size: 22px;
	}
	
	.factoryview img {
    width: 338px;
	}
	
	
	
	
	#topsocialize {
    margin-top: 42px;
		float: none;
	}
	#contact{
		width: 100%;
	}
	.search_input{
		width: 100%;
	}
	

.topheading
	{
		margin: 0px auto !important;
	}
.welcomemsg
	{
		
		float: none !important;
        width: 100% !important; 
		height: 100% ;
	}
	
.navbar-nav>li{ font-size:10px;}

.nav>li>a {

    padding: 8px 2px 8px 2px;}

	#contact
	{
		padding-top: 0px !important;
		margin: 0px !important;
	}
}

@media screen and (max-width:768px){
	
	.hvr-bounce-to-right {
          background-color: #9D1A1F;
      }
      
	.main_wellcome_detail h2.topheading{
		width: auto;
	}
	.main_wellcome_detail {
    padding: 20px;
	}
	.crfooter{
	float:none; width: 100%; text-align:center; 
}
.developfooter{
	float:none; width: 100%; text-align:center;
}
	
	.largeimg img{
		height: auto;
	}
	
	.main_wellcome{
		width: 100%;
	}
	
	.factoryview{
		    display: none;
	}
	.col-top-logo{
		clear: both;
	}
	
	.catseccont {
    width: 100%;
	}
	
	.googlelanguage
	{
		clear: both !important;
		position: absolute;
	}
	
	.searchcont
	{
		padding-top:0px !important;
	}
	
	.searchcont
	{
		padding-top:18px !important;
	}
	#contact
	{
		text-align: center;
		padding-top: 0px !important;
		margin: 0px !important;
	}
	

.top_paragraph{ float:none; display:inline-block; text-align:center;}

.top_social{    float: none;

    display: inline-block;

    text-align: center;

    width: 100%;}

	

.top_logo{ float:none;}

.nav>li>a {

    padding: 8px 2px 8px 25px;

}

.navbar-nav>li {

    font-size: 14px;

}



.owl-demo .owl-next{ position: absolute; z-index: 999; right: 0px !important;  }

.owl-demo .owl-prev{     position: absolute; z-index: 999; left: 0px !important;  }

}

@media screen and (max-width:600px){


#carousel-example-generic .fa {
    font-size: 42px;
   
}

	
	.contactcont
	{width: 100% !important;}
	.contactcont #contact
	{
	float: none !important;
		width: 100% !important;
	}
	#callsprt
	{
	float: none !important;
		width: 100% !important;
		text-align: center !important;
	}
	.searchcont
	{width: 100%;}
	
	
	
	.welcomemsg
	{
		padding: 30px !important;
	}
}

@media screen and (max-width:500px){
	
	.visible-xs img{
		margin-left: 20px;
	}

	.footerbox{
		width: 100%;
	}
	
	.welcomemsg
	{
		padding: 20px !important;
	}

.top_email{    float: none;

    display: inline-block;

    width: 100%;}

.top_email h2{ float:none;}

.top_phone h2{ text-align:center;}

}

@media screen and (max-width:400px){

	.visible-xs img{
		margin-left: 10px;
	}

.top_email{    float: none;

    width: 100%;

    display: inline-block;

    text-align: center; margin:0 0 10px 0;}

.top_phone{ margin:0 0 20px 0;    float: none;

    width: 100%;

    display: inline-block;

    text-align: center;
	}
}

@media screen and (max-width:300px){

	.visible-xs img{
		margin-left: 0px;
	}
}

.gallery-section {
	padding-bottom: 50px;
  }
.align-item{
	display: flex;
	flex-direction: row;
	align-items: center;
}

  .gallery-text-content h2 {
	 
		text-transform: uppercase;
		text-align: left;
		color: #9D1A1F;
		font: 600 26px 'Ubuntu', sans-serif;
		width: 320px;
		border-bottom: 4px double #9D1A1F

  }
  
  .gallery-text-content p {
	font-size: 18px;
	line-height: 1;
	margin-block: 30px;
  }
  
  .gallery-text-content a {
	display: inline-block;
	border: 1px solid rgba(0, 0, 0, 0.3);
	padding: 12px 24px;
	font-size: 15px;
	line-height: 1;
	border-radius: 50px;
	color: var(--black-color);
	transition: all 0.3s ease-in-out;
  }
  
  .gallery-text-content a:hover {
	background-color: var(--main-color);
	color: var(--white-color);
	border-color: var(--main-color);
  }
  
  .gallery-image-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 15px;
	overflow: hidden;
  }
  
  .gallery-image-item {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 20px;
	overflow: hidden !important;
  }
  
  .gallery-image {
	width: 100%;
	overflow: hidden;
	border-radius: 10px;
  }
  
  .gallery-image-item img {
	border-radius: 10px;
	width: 100%;
	object-fit: cover;
	object-position: center center;
	overflow: hidden !important;
	transition: transform 0.6s ease;
  }
  
  .gallery-image-item img:hover {
	transform: scale(1.2);
  }
  
  .gallery-large-image {
	height: 300px;
	overflow: hidden;
  }
  
  .gallery-short-image {
	width: 100%;
	height: 150px;
	overflow: hidden;
	display: block;
  }
  
  @media screen and (max-width: 600px) {
	.gallery-section {
	  padding-block: 20px !important;
	}
  
	.gallery-image-container {
	  flex-direction: column;
	}
  
	.gallery-image-item:nth-child(2) {
	  flex-direction: column-reverse;
	}
  
	.gallery-text-content {
	  text-align: center;
	  margin-top: 0 !important;
	}
  }
  
  .background-skew{
	background-color: transparent;
    background-image: linear-gradient(230deg, #FFFFFF 50%, #F4F4F4 50%);
	/* height: 550px; */
	margin-top: 50px;
	display: flex;
	align-items: center;
	padding: 50px 0;
  }

  .about-row{
	display: flex;
	align-items: center;
  }


  .about-content p{
	text-align: justify;
	font-size: 16px;
    font-weight: 400;
    line-height: 30px;
	color: #34383D;
  }

  .about-img{
	text-align: end;
  }


  .icon-box-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0 auto;
  }
  
  .icon-box {
	width: 48%;
	padding: 50px 50px 50px 50px;
    background-color: #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	text-align: left;
	transition: transform 0.3s ease;
  }
  
  .icon-box:hover {
	transform: translateY(-10px);
  }

  .custom {
	background-color:#9D1A1F !important;
	width: 48%;
	padding: 50px 50px 50px 50px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	text-align: left;
	transition: transform 0.3s ease;
  }
  .custom .icon-box-icon {
	margin-bottom: 20px;
	font-size: 40px;
	fill: #fff;
  }

  .custom .icon-box-title {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
  }
  
  .custom .icon-box-description {
	font-size: 16px;
	color: #fff;
	line-height: 1.6;
  }
  
  .icon-box-icon {
	margin-bottom: 20px;
	font-size: 40px;
	fill: #9D1A1F;
  }
  .icon-box-icon svg{
  width: 1em;
  height: 1em;
  position: relative;
  display: block;
  }
  
  .icon-box-title {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
  }
  
  .icon-box-description {
	font-size: 16px;
	color: #666;
	line-height: 1.6;
  }
  
  /* Responsive adjustments */
  @media (max-width: 768px) {
	.icon-box-container {
	  flex-direction: column;
	  align-items: center;
	}
  
	.icon-box {
	  width: 80%;
	  margin-bottom: 20px;
	}

	.about-row {
		display: flex;
		align-items: center;
		flex-direction: column;
	}
	.about-content{
		padding-bottom: 40px;
	}
	.icon-box {
		width: 100%;
	}
	.middlesection-content h1{
		font-size: 26px;
		line-height: 42px;
	  }
  }
  
  .middle-section {
	/* Ensure the parent container takes full width */
	width: 100%;
	position: relative;
	margin-bottom: 50px;
  }
  
  .middle-section-bg {
	position: relative;
	background-image: url('../images/banners/b-main.jpg');
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	height: 500px;
	z-index: 1;
	display: flex;
	align-items: center;
  }
  

  .middle-section-bg::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: -1;
  }

  .middlesection-content h1{
	position: relative;
	z-index: 2;
	color: white;
	text-align: center;
  }
  
  
  .cert-img {
      width:100%;
      height: 250px;
      padding: 10px 0;
      object-fit:contain;
      object-position: center center;
      border:0px solid red;
      background-color: #efefef;
  }
  

  
  