.foot1{width:101%; padding-left:16px;} .header-right{margin-bottom:10px; width:; margin-left:70%;} .input-group{width:50%; float:right;} .btn1{border-radius:0px; border:0px; background-color:#d36843; color:#fff; padding:3px 15px;} .heading{text-align:left; font-size:22px; color:#000; margin-left:15px; margin-bottom:1px; } /*image box styleing start*/ .box-head{position:absolute; top:0px; width:542px; height:50px; background:rgba(80,71,66,0.8)} .p1{color:#fff; font-size:20px; padding:10px 0px 0px 20px;} .a1 a{color:#d6bb94; font-size:18px; float:right; margin-top:-20px; margin-right:30px;} .a1 a:hover{color:#fff;} p{padding:3px 0px;} .foot-p{color:#d05e36; padding-bottom:5%;} .foot-nav{padding-bottom:5%;} .bottom-space{padding-bottom:4%;} .news{border-left:1px solid #ccc;} .input-group.mail{width:100%; padding-top:6%;} .test{background:#ccc;} .test a{color:#000;} a{text-decoration: none;} .cont { height:52px; border-top: 2px solid #d6bb94; padding-left:8%; background-color:#3d3633; width:100%; font-size:12; margin: 15px auto; z-index:999999; } .toggleMenu { display: none; background: #70aa55; padding: 10px 15px; color: #fff; } .navi { list-style: none; *zoom: 1; background:#3d3633; } .navi:before, .navi:after { content: " "; display: table; } .navi:after { clear: both; } .navi ul { list-style: none; width: 9em; } .navi a { padding: 15px 31px; color:#ccb38e; } .navi li { position: relative; } .navi > li { padding: 0 3px; float: left; border-top: 0px solid #d6bb94; border-left:1px solid #d6bb94; } .navi > li > .parent { background-image: url("images/downArrow.png"); background-repeat: no-repeat; background-position: right; } .navi > li > a { display: block; text-decoration: none; } .navi li ul { position: absolute; left: -9999px; } .navi > li.hover > ul { left: 0; } .navi li li.hover ul { left: 100%; top: 0; } .navi li li a { display: block; background: #3d3633; position: relative; z-index:100; border-top: 1px solid #d6bb94; text-decoration: none; width: 150px; } .navi li li li a { background:#3d3633; z-index:200; border-top: 1px solid #d6bb94; } .top-strip{width:100%; height:35px; background-color:#000;} .sub-top{float:right; margin-top:6px; margin-right:30px; color:#fff;} .color1{ float:right; width:15px; height:15px; border:1px solid #ccc; background-color:#006119; margin-top:5px; margin-left:10px; cursor:pointer;} .color2{ float:right; width:15px; height:15px; border:1px solid #ccc; background-color:#d84a0d; margin-top:5px; margin-left:10px; cursor:pointer;} .color3{ float:right; width:15px; height:15px; border:1px solid #ccc; background-color:#0b4d66; margin-top:5px; margin-left:10px; cursor:pointer;} .color4{ float:right; width:15px; height:15px; border:1px solid #ccc; background-color:#a68903; margin-top:5px; margin-left:10px; cursor:pointer;} p{text-align:justify;} h3 .h3{font-size:20px; color:#000; font-weight:bold;} .footer_style{background-color:#3d3633; width:100%; margin-top:10px; padding-top: 10px; padding-bottom:10px;} .copyright{color:#ccb38e; padding-left:8%; padding-top:5px; padding-bottom:5px;} ul{list-style-type:none; display:inline-block;} ul li{display:inline-block;} ul li a{ color:#fff;} ul li a:hover{ color:#ffe001;} .main_nav{margin-bottom:17px;} .main_nav ul{margin:0; padding:0; list-style:none;} .main_nav ul li{background-color:#006119; padding:15px 35px;margin-right:-4px; border-right:2px solid #4c9860; position:relative;} .main_nav ul li.active{background-color:#e7e7e7; color:#000;} .main_nav ul li.active a{color:#000;} .main_nav ul >li>a{text-decoration:none;} .main_nav ul >li>ul{visibility:hidden; display:; top:0; left:0; width:200px;position:absolute; top:0; left:0; margin-top:50px;} .main_nav ul li:hover ul{visibility:visible; dispaly:block; top:0; left:0; width:70px; } .main_nav ul li ul{z-index:99999} .main_nav ul>li>ul>li{top:0; width:150px; border-top:1px solid #70aa55;} @media screen (max-device-width: 480px) and (orientation: landscape) { ul{list-style-type:none; display:block;} ul li{display:block;} } .carousel-control.left1 { background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.0001) 100%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0))); background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right1 { right: 0; left: auto; background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0))); background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .second{padding-top:10px;} .button{background-color:#6faa54; padding:10px 25px; width:100px; color:#fff;} .button-read{background-color:#6faa54; padding:10px 25px; width:130px; color:#fff; margin-top:20px;} .head{margin-top:20px; height} @media screen and (max-width: 768px) { .active { display: block !importent; } .navi > li { float: none !importent; width:100%; } .navi > li > .parent { background-position: 95% 50%; width: 100%; } .navi li li .parent { background-image: url("images/downArrow.png"); background-repeat: no-repeat; background-position: 95% 50%; } .navi ul { display: block; width: 100%; } .navi > li.hover > ul , .navi li li.hover ul { position: static; } .navi > li >a {font-size:12px;} .log1 img{width:250px;} .log2 img{width:180px;} } @media screen and (max-width: 480px){ .log1 img{width:150px} .log2 img{width:80px;} /*top black strips*/ .sub-top{float:right; margin-top:7px; margin-right:30px; color:#fff; font-size:10px;} .color1{ float:right; width:10px; height:10px; border:1px solid #ccc; background-color:#006119; margin-top:5px; margin-left:10px; cursor:pointer;} .color2{ float:right; width:10px; height:10px; border:1px solid #ccc; background-color:#d84a0d; margin-top:5px; margin-left:10px; cursor:pointer;} .color3{ float:right; width:10px; height:10px; border:1px solid #ccc; background-color:#0b4d66; margin-top:5px; margin-left:10px; cursor:pointer;} .color4{ float:right; width:10px; height:10px; border:1px solid #ccc; background-color:#a68903; margin-top:5px; margin-left:10px; cursor:pointer;} } @media screen and (max-width:1100px){ .navi li a{ font-size:15px; color:#fff; padding:8px 16px; } } @media screen and (max-width:1200px){ .navi li a{ font-size:15px; color:#fff; padding:8px 16px; } } @media screen and (max-width:990px){ .navi li a{ font-size:11px; color:#fff; padding:8px 11px; } }