/*************************8      header css           ****************************************************/

.search .input-group{border-radius:5px;padding:5px 0px;}
.search .btn-search{padding:5px 10px;}
.search .form-control{padding:15px 15px;border:0px;border-top-left-radius:5px;border-bottom-left-radius:5px;}


.bg-shadow{background:url('../images/shadow.png') bottom left repeat-x;min-height:21px;}

#Navigation{margin:0px 0px;}
.nav-link {padding-top:5px;padding-bottom:25px; margin:0px 6px;font-size:11px;text-transform:uppercase;font-weight:500;letter-spacing:0.07em;}
.nav-link:last-child{margin-right:0px;}
.nav-link:first-child{margin-left:0px;} .nav-link{color:#000;padding-left:0px;padding-right:0px;}
.navbar .nav-item.active .nav-link,.navbar .nav-item:hover .nav-link{color:#0f3e91;}

.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-item:hover>.dropdown-menu {display: block;}
.dropdown-menu {font-size: 12px;top:40px;}
.dropdown-item:hover, .dropdown-item:focus {background-color: #40e0d0;}

.dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: -10px;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}
li#menu-item-109 {
    display: none;
}
/**********                Home page css       *******************************/

.banner .text-block{position:absolute;top:15%;width:97%;}
.banner h1{font-size:70px;}
.banner .bnr-text{width:400px;margin-right:50px;}

.heading{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00f2f2f2',GradientType=0 ); /* IE6-9 */
}

/**********                Internal page css       *******************************/

.about-block{height:390px;}
.about-block h5{height:60px;}

/**************              Footer                 ******************************/

.footer{background-color:#5985ff;font-size:13px;color:#0f3e91;}
.footer a{color:#0f3e91;}
.footer a:hover{color:#fff;}
.footer .nav-link {
    padding: 0 !important;
}
.newsletter .input-group{border-radius:5px;padding:3px 0px;}
.newsletter .form-control{border:0px;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.newsletter .btn{padding:5px 10px;}

.copy{border-top:solid 1px #4b4d59;}
.footer .input-group.bg-white {
    flex-wrap: inherit !important;
}
.product-titlesize {
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    text-overflow: ellipsis;
}

/********************     Media query       ***************************************/



@media (min-width: 1600px){
	.container-fluid {max-width: 1920px; padding-left:0px;padding-right:0px;}
	.container {max-width: 1170px;}
	
	.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
	.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}

	.navbar .nav-item{margin:0px 10px;}
	.about-block{height:360px;}
}

@media (min-width: 1200px) and (max-width: 1599.98px){
	
}


@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {margin: 0px 6px;font-size:10px;}
	
	.banner .text-block{top:12%;}
	.banner h1{font-size:60px;}
	
	.products h5{font-size:16px;}
	
	.about-block{height:410px;}
}


@media (min-width: 768px) and (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	#Navigation{justify-content: center; width:100%;margin:10px auto;}
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	.navbar .nav-item {margin: 0px 8px;font-size:10px;}
	
	.banner .text-block{top:8%;}
	.banner h1{font-size:50px;}
	.banner h2{font-size:25px;}
	.banner .bnr-text{margin-right:30px;width:350px;}
	
	.products h5{height:70px;font-size:16px;}
	
	.navbar-toggler.x {border: none; background:none; padding:0px;}
	.navbar-toggler.x:focus {outline: none;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(1) {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; transform-origin: 10% 10%;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(2) {opacity: 0; filter: alpha(opacity=0);}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(3) {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; transform-origin: 10% 90%;}
	.navbar-toggler.x .icon-bar {background-color: #000;width: 22px; display: block; height: 2px;  -webkit-transition: all 0.2s; transition: all 0.2s;}
	.navbar-toggler.x .icon-bar + .icon-bar {margin-top: 4px;}
	.navbar-toggler.x .icon-bar:nth-of-type(1) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	.navbar-toggler.x .icon-bar:nth-of-type(2) {opacity: 1; filter: alpha(opacity=100);}
	.navbar-toggler.x .icon-bar:nth-of-type(3) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	
	.navbar-collapse { top:200px; z-index:999;border-top:1px solid #585757; background:rgba(0,0,0,0.9); text-align:left; position:fixed;bottom:0px; left:100%; padding-left:0px; padding-right:0px; padding-bottom:0px; width:100%; transition:all 0.4s ease; display:block;}
    .navbar-collapse.collapsing {height:auto !important; margin-left:50%; left:50%; transition:all 0.2s ease;}
    .navbar-collapse.show {left:0;right:0;}
	.navbar .nav-item .nav-link, .navbar .nav-item .nav-link:hover {color: #fff;padding:10px 15px;border-bottom:1px solid #585757;}
	.navbar-nav {background:#000;}
	.navbar .nav-item:first-child {margin-left:10px;}
	.navbar .nav-item{padding-top:0px;padding-bottom:5px;}
	
	.dropdown>.dropdown-menu>.sub-dropdown>.dropdown>.dropdown-menu{top:-10px;margin-left:0px;}
	.dropdown>.dropdown-menu>.sub-dropdown>.dropdown>.dropdown-item.dropdown-toggle::after {
		margin-left: 0.255em;
		vertical-align: 0.255em;
		content: "";
		border-top: 0.3em solid;
		border-right: 0.3em solid transparent;
		border-bottom: 0;
		border-left: 0.3em solid transparent;
	}
	
	.navbar{padding:0px;padding-bottom:21px !important;}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	
	.navbar-toggler.x {border: none; background:none; padding:0px;}
	.navbar-toggler.x:focus {outline: none;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(1) {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; transform-origin: 10% 10%;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(2) {opacity: 0; filter: alpha(opacity=0);}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(3) {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; transform-origin: 10% 90%;}
	.navbar-toggler.x .icon-bar {background-color: #000;width: 22px; display: block; height: 2px;  -webkit-transition: all 0.2s; transition: all 0.2s;}
	.navbar-toggler.x .icon-bar + .icon-bar {margin-top: 4px;}
	.navbar-toggler.x .icon-bar:nth-of-type(1) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	.navbar-toggler.x .icon-bar:nth-of-type(2) {opacity: 1; filter: alpha(opacity=100);}
	.navbar-toggler.x .icon-bar:nth-of-type(3) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	
	.navbar-collapse { top:200px; z-index:999;border-top:1px solid #585757; background:rgba(0,0,0,0.9); text-align:left; position:fixed;bottom:0px; left:100%; padding-left:0px; padding-right:0px; padding-bottom:0px; width:100%; transition:all 0.4s ease; display:block;}
    .navbar-collapse.collapsing {height:auto !important; margin-left:50%; left:50%; transition:all 0.2s ease;}
    .navbar-collapse.show {left:0;right:0;}
	.navbar .nav-item .nav-link, .navbar .nav-item .nav-link:hover {color: #fff !important;padding:10px 15px;}
	.navbar-nav {background:#000;}
	.navbar .nav-item:first-child {margin-left: 10px;}
	.navbar .nav-item{padding-top:0px;padding-bottom:5px;}
	
	.dropdown-submenu a::after {transform: rotate(0deg);}
		
	.navbar{padding:0px;padding-bottom:21px !important;}
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	.banner .text-block{top:8%;}
	.banner h1{font-size:45px;}
	.banner h2{font-size:25px;}
	.banner .bnr-text{margin-right:40px;width:350px;}
	
	.features .border-right{border-right:0px !important;}
	
	.about-block{height:410px;}
	.proimg{height:auto;}
	ul.dropdown-menu.show a.nav-link {
    color: #000 !important;
    padding: 3px 10px !important;
}
}


@media (max-width: 575.98px){
	
	.main-nav .navbar-brand{width:200px;}
	.navbar-collapse { top:220px;}
	
	.banner .text-block{position:static;background-color:#265cbc;padding:15px;width:100%;}
	.banner h1{font-size:40px;}
	.banner h2{font-size:20px;}
	.banner .bnr-text{margin-right:0px;width:100%;}
	
	.features .border-left{border-left:0px !important;}
	
	.about-block{height:auto;}
	.about-block h5{height:auto;}
}

/**********************

@media (min-width: 767.98px) { }
@media (min-width: 1920px) { .container{width:1820px; margin:auto;} }
@media (min-width: 1200px) {}
@media (min-width: 1359.98px) and (max-width: 1459.98px) { }
@media (min-width: 1199.98px) and (max-width: 1359.98px) { }
@media (min-width: 991.98px) and (max-width: 1199.98px) {	}
@media (min-width: 768px) and (max-width: 991.98px) { }
@media (max-width: 767.98px) { }
@media (max-width: 479px) { }
@media (max-width: 320px) { }


***************************/