@font-face {
   font-family: "Sakkal Majalla";
   src: url('../fonts/Sakkal%20Majalla.eot');
   src: url('../fonts/Sakkal%20Majallad41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Sakkal%20Majalla.otf') format('otf'),
        url('../fonts/Sakkal%20Majalla.woff') format('woff'),
        url('../fonts/Sakkal%20Majalla.woff2') format('woff2'),
        url('../fonts/Sakkal%20Majalla.ttf') format('truetype'),
        url('../fonts/Sakkal%20Majalla.svg') format('svg');
   font-weight: normal;
   font-style: normal;

}
@font-face {
   font-family: "Bell Gothic Std";
   src: url('../fonts/Bell%20Gothic%20Std%20Black.eot');
   src: url('../fonts/Bell%20Gothic%20Std%20Blackd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Bell%20Gothic%20Std%20Black.otf') format('otf'),
        url('../fonts/Bell%20Gothic%20Std%20Black.woff') format('woff'),
        url('../fonts/Bell%20Gothic%20Std%20Black.woff2') format('woff2'),
        url('../fonts/Bell%20Gothic%20Std%20Black.ttf') format('truetype'),
        url('../fonts/Bell%20Gothic%20Std%20Black.svg') format('svg');
   font-weight: normal;
   font-style: normal;

}
@font-face {
   font-family: "Myriad Pro";
   src: url('../fonts/Myriad%20Pro.eot');
   src: url('../fonts/Myriad%20Prod41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Myriad%20Pro.otf') format('otf'),
        url('../fonts/Myriad%20Pro.woff') format('woff'),
        url('../fonts/Myriad%20Pro.woff2') format('woff2'),
        url('../fonts/Myriad%20Pro.ttf') format('truetype'),
        url('../fonts/Myriad%20Pro.svg') format('svg');
   font-weight: normal;
   font-style: normal;

}
body{
	font-family: "Myriad Pro"; 	
  	overflow-x: hidden;
}

.album-images{
    display: none;
}

.album-images-ol{
    display: none;
}
.i4ewOd-pzNkMb-haAclf{
    display: none;
}

.nopad{
	padding:0;
}
.leftpad{
	padding-left: 0;
}
.rightpad{
	padding-right: 0;
}
.top-lists{
	float: right;
	margin-bottom: 5px;
}
.top_bg {
    box-shadow: 2px -1px 9px rgba(0, 0, 0, 0.7);
    padding: 5px 0 0;
    position: relative;
    font-family: "Sakkal Majalla";
}
.top-mail {
    background: rgba(0, 0, 0, 0) url("../images/Top-mail-button_On.png") no-repeat scroll 0 7px;
    font-size: 20px;
    padding-left: 20px !important;
    padding-right: 25px !important;
}
.top-mail a {
    color: rgb(127, 127, 127);
    text-decoration: none;
}
.top-call{
	background: rgba(0, 0, 0, 0) url("../images/Top-Calll-button_On.png") no-repeat scroll 0 7px;
    font-size: 20px;
    padding-left: 20px !important;
    color: rgb(127, 127, 127);
}
.top-mail:hover {
    background: rgba(0, 0, 0, 0) url("../images/Top-mail-button_Over.png") no-repeat scroll 0 7px;
    font-size: 20px;
    padding-left: 20px !important;
    padding-right: 25px !important;
}
.top-mail:hover a{
	color: rgb(119,187,64);
}
.top-call:hover{
	background: rgba(0, 0, 0, 0) url("../images/Top-calll-button_Over.png") no-repeat scroll 0 7px;
    font-size: 20px;
    padding-left: 20px !important;
    color: rgb(119,187,64);
}
.menu-bg{
	background: rgb(119,187,64);
}
.logo{
	background: #fff;
	padding-bottom: 20px;
}
.logo img{
	margin:-10px auto 0;
}
/*.home{
	background: url("../images/Home-Buuton_Icon.png") no-repeat scroll center 8px;
}*/
#main-menu ul li a{
	color: #fff;
	text-transform: uppercase;
	padding:33px 0 4px;
	font-size: 20px;
	font-family: "Sakkal Majalla";
}
#main-menu ul li{
	border-bottom: 6px solid transparent;
    border-right: 1px solid #c5c5c5;
    padding: 0 6px;
    text-align: center;
    width: 7.7em;
}
#main-menu ul li:hover{
	border-bottom:6px solid #F58634;
}
.home-active{
	border-bottom:6px solid #F58634 !important;
    background: url("../images/Home-Buuton_Icon.png") no-repeat scroll center 8px;
}
.home-active::after{
	 border-color: #77ba40 transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    bottom: -6px;
    content: "";
    display: block;
    left: 49px;
    position: absolute;
    width: 0;
}
#main-menu ul li:hover::after{
	border-color: #77ba40 transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    bottom: -6px;
    content: "";
    display: block;
    left: 49px;
    position: absolute;
    width: 0;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
	background: transparent;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background: transparent;
}
#main-menu .dropdown-menu{
	background: #fff;
	min-width: 175px;
	border:1px solid #F58634;
}
#main-menu .dropdown-menu li a{
	color: #000 !important;
	padding: 2px 0;
}
#main-menu .dropdown-menu li:hover{
	border-bottom: 0 none !important;
		
}
#main-menu .dropdown-menu li:hover a{
	color: #F58634 !important;
}
#main-menu .dropdown-menu li{
	border-right: 0 none !important;
	width: auto;
	border-bottom: 0 none !important;
}
.banner {
    min-height: 536px;
}

.nivoSlider{
	margin-bottom:0 !important;
}
.nivo-controlNav a.active {
    background: #77bb40 none repeat scroll 0 0 !important;
    border-radius: 10px;
    font-weight: bold;
    height: 10px !important;
    width: 10px !important;
}
.nivo-controlNav a{
	background: #fff !important;
	border-radius: 10px !important;
    font-weight: bold;
    height: 10px !important;
    width: 10px !important;
    margin:40px 2px !important;
}
.welcome_div{
	background: rgba(0, 0, 0, 0) url("../images/Middle_Banner.jpg") no-repeat scroll 0 0 / cover; 
	min-height: 546px;
}
.home-heading{
	border-bottom: 1px solid #000;
    color: #f58634;
    display: inline-block;
    font-family: "Bell Gothic Std";
    font-size: 23px;
    padding-bottom: 25px;
    text-transform: uppercase;
    margin-top:24%;
}
.home-text{
	color: #000;
	font-size: 17px;
	line-height: 1.7;
	padding-right:48px;
}
.read-more a{
	background: rgba(0, 0, 0, 0) url("../images/redmore.png") no-repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 35px;
    margin-top: 10px;
    outline: medium none;
    padding: 7px 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 105px;
}
.read-more a:hover{
	background: rgba(0, 0, 0, 0) url("../images/redmore_h.png") no-repeat scroll 0 0;
}
.side-img {
    margin-top: 52px;
}
.product-div{
	background: #F8F2F2;
	padding: 0 0 40px;
}
.product-div h3{
    color: #f58634;
    font-family: "Bell Gothic Std";
    font-size: 25px;
    margin: 30px 0 40px;
    text-align: center;
    text-transform: uppercase;
}
.product-name{
	color: #f58634;
    font-size: 20px;
    font-weight: bold;
    padding-top: 15px;
}
.product-name span{
	font-size: 20px;
	color: #77bb40
}
.product-desc{
	font-size: 17px;
	color: #616161;
	height: 90px;
}
.product-content {
    border: 1px solid #b8b8b8;
    padding: 5px;
    margin:0 15px;
    width:361px;
}

/* product overlay */

.btn08 {
    width: 100%;
    overflow: hidden;
    position: relative;
    /*-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);*/
}
.btn08 img {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.btn08 .ovrly {
    background: rgba(245, 134, 52, 0.6) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn08 .buttons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.btn08 .buttons .ovrfa {
    /*background: rgb(256, 256, 256);*/
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    position: relative;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -o-transition: -o-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    color: transparent;
}
.btn08:hover .buttons .ovrfa {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    color: rgba(50, 50, 50, 0.9);
}
.btn08:hover .ovrly {
    opacity: 1;
}
/* end product overlay*/

.product-div .flex-control-paging li a.flex-active{
	background: rgb(119,187,64);
}
.product-div .flex-control-paging li a{
	background: #000;
	height:8px;
	width:8px;
	text-indent: -9999px;
}
.product-div .flex-control-nav li{
	margin:0 2px;
}
.gallery_div h3{
    color: #f58634;
    font-family: "Bell Gothic Std";
    font-size: 25px;
    margin: 40px 0 20px;
    text-align: center;
    text-transform: uppercase;
}

/* gallery captions */

.image03 {
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: relative;
    width: 100%;
}
.image03 img {
    left: 0;
    position: relative;
    top: 0;
    transition: transform 0.3s ease 0s;
    width: 100%;
}
.image03 .ovrly {
    background: rgba(245, 134, 53, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.image03 .buttons {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.image03 .buttons .fa {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
    color: rgba(50, 50, 50, 0.9);
    display: inline-block;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin: 0 1px;
    opacity: 0;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 40px;
}
.image03:hover img {
    transform: scale(1.1);
}
.image03:hover .ovrly {
    opacity: 1;
}
.image03:hover .buttons .fa {
    opacity: 1;
}

/* end gallery captions */

.career-heading{
	border-bottom: 1px solid #000;
    color: #f58634;
    font-family: "Bell Gothic Std";
    font-size: 23px;
    padding-bottom: 25px;
    text-transform: uppercase;
    margin-top:15%;
}
.career-text{
	color: #000;
	font-size: 17px;
	line-height: 1.7;
}
.top-up {
    margin-top: -72px;
    position: absolute;
    z-index: 999;
}
.testi-video-div{
	background: url("../images/Testimonial_Texture.jpg") repeat scroll 0 0;
	padding-bottom: 20px;
}
.testi-head{
	border-bottom: 1px solid #bbb;
    color: #f58634;
    font-family: "Bell Gothic Std";
    font-size: 23px;
    padding-bottom: 15px;
    text-transform: uppercase;
    margin-top:30px;
    text-align: center;
}
.testi-div{
	text-align: center;
	padding-top:20px;
	background: url("../images/Testimonial_Quote.png") no-repeat scroll 4% top, url("../images/Testimonial_Quote1.png") no-repeat scroll 75% center;	
}
.testi-div p{
	padding: 0 32px;
	font-weight: bold;
	font-size:14px;
}
.testi-div span{
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
.testi-video-div .flex-control-paging li a.flex-active{
	background: rgb(245,134,52);
}
.testi-video-div .flex-control-paging li a{
	background: #000;
	height:3px;
	width:20px;
	text-indent:-9999px;
}
.testi-video-div .flex-control-nav li{
	margin:0 2px;
}
.video-head{
    color: #f58634;
    font-family: "Bell Gothic Std";
    font-size: 23px;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin-top:30px;
    text-align: center;
}
.footer-div{
	background: url("../images/Bottom_Banner.jpg") no-repeat scroll 0 0;
	min-height: 308px;
	color: rgb(121,121,121);
	background-size: cover;
}
.footer-div h3{
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	margin-top: 40px;
}
.links-lists{
	list-style-type: none;
	padding-left:0;
}
.links-lists li a{
	color: rgb(121,121,121);
	text-decoration: none;
	line-height: 1.7;
}
.links-lists li a:hover{
	color: #f58634;
}
.social-lists li{
	padding: 0 2px;
}
.social-lists{
	margin-top: 25px;
}
.footer-div .form-control{
	background-color: transparent;
	border:1px solid rgb(245, 134, 52);
	border-radius: 0;
	box-shadow: none;
	color: rgb(121, 121, 121);
	height: 25px;
}
.footer-div .form-control:focus{
	border-color: rgb(245, 134, 52);
	box-shadow: none;
}
.footer-div .form-control::-moz-placeholder{
	color: rgb(121, 121, 121);
}
.home-submit-btn{
	background: rgb(245,134,52);
	color: #fff;
	text-transform: uppercase;
	border:0;
	height: 25px;
	margin-left:7px;
	padding: 0 15px;
}
.home-add span{
	color: #fff;
	background: url("../images/Bottom_Address_Icon.png") no-repeat scroll 2px 1px;
	padding-left: 25px;
	font-size: 15px;
}
.home-call span{
	color: #fff;
	background: url("../images/Bottom_Call_Icon.png") no-repeat scroll 2px 1px;
	padding-left: 25px;
	font-size: 15px;
}
.home-mail span{
	color: #fff;
	background: url("../images/Bottom_Maill_Icon.png") no-repeat scroll 2px 1px;
	padding-left: 25px;
	font-size: 15px;
}
.contact{
	margin-top: 15px;
}
.contact p:hover{
	color: #f58634;
}
.home-mail a:hover{
	color: #f58634;
}
.home-mail a{
	color: rgb(121, 121, 121);
}
.foot-bottom{
	color: rgb(247,167,108);
	background: rgb(171,74,3);
	padding: 20px 0 10px; 
}
.dotangle-logo{
  background: url("../images/dotangle_logo.png") no-repeat scroll 2px -1px;
  display: inline;
  height: 41px;
  padding: 9px 114px 7px 25px;
  width: 136px
}
.power{
	text-align: right;
}


/* sidebar */

.inner_testi-div{
	text-align: center;
	/*background: url("../images/Testimonial_Quote.png") no-repeat scroll 4% top, url("../images/Testimonial_Quote1.png") no-repeat scroll 58% 70%;*/	
}
.inner_testi-div p{
	padding: 0 10px;
	font-weight: bold;
	font-size:14px;
}
.inner_testi-div span{
	font-size: 17px;
	color: #000;
	font-weight: bold;
}
.sidebar .flex-control-paging li a.flex-active{
	background: rgb(245,134,52);
}
.sidebar .flex-control-paging li a{
	background: #000;
	height:3px;
	width:20px;
	text-indent:-9999px;
}
.sidebar .flex-control-nav li{
	margin:0 2px;
}
.sidebar h3{
    color: #f58634;
    font-family: "Bell Gothic Std";
    font-size: 18px;
    padding-bottom: 5px;
    text-transform: uppercase;
    margin-top:30px;
    text-align: center;
}
.sidebar {
    border: 3px solid rgb(119, 187, 64);
    border-top-right-radius: 60px;
    margin-top: 40px;
    padding-bottom: 20px;
}
.sidebar .flex-viewport{
	margin-top: 0;
}
.inner-video-div {
    margin-top: 50px;
}


/* end sidebar */

/* innerpage */
.inner-div{
	padding-bottom:20px;
}

.inner-heading {
    border-bottom: 1px solid #000;
    color: #f58634;
    display: inline-block;
    font-family: "Bell Gothic Std";
    font-size: 23px;
    margin-top: 40px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.inner-text{
	color: #000;
    font-size: 17px;
    line-height: 1.7;
    text-align: justify;
    padding-right: 25px;
}
.inner-subheading {
    border-bottom: 1px solid #000;
    color: #f58634;
    display: inline-block;
    font-family: "Bell Gothic Std";
    font-size: 23px;
    padding-bottom: 5px;
}
.list-items li{
	color: #000;
    font-size: 17px;
    line-height: 1.7;
    text-align: justify;
    padding-right: 25px;
}
.inner-table table{
	color: #000;
    font-size: 17px;
    line-height: 1.7;
    text-align: justify;
    padding-right: 25px;
}
.inner-table th, .inner-table tr, .inner-table td{
	border:1px solid rgb(119, 187, 64);
}
.inner-table th {
    color: rgb(245, 134, 52);
    text-align: center;
}
.tech-heading{
    color: #f58634;
    font-family: "Bell Gothic Std";
    font-size: 20px;
    margin-top: 40px;
    padding-bottom: 5px;
    text-align: center;
}


/* end innerpage */

/* contact page */

.contact-mail a {
    color: #000 !important;
}
.contact-btn{
	background: rgb(245, 134, 52);
	border:0;
	border-radius: 5px;
	padding: 5px 15px;
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}
.map iframe{
	//border:1px solid rgb(119, 187, 64);
	
    position: relative;
    top: -51px;
    border: none;
}
.map{
	margin-top:20px;
    height: 350px;
    width: 100%;
    border: 2px solid #eee;
    display: inline-block;
    overflow: hidden;    
    border: 2px solid rgb(119, 187, 64);
    border-radius: 3px;
}

/* end contact page */

#divYouWantToShow{
  display:none;
}

/* mobile menu */

.mobile-menu .header {
    background-color: rgb(119, 187, 64);
    border-radius: 5px;
    float: left;
}
.mobile-menu .header a {
    display: block;
    height: 42px;
    left: 0;
    padding: 11px;
    /*position: absolute;*/
    top: 0;
    width: 50px;
}
.mobile-menu .header a::before, .mobile-menu .header a::after {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 2px;
}
.mobile-menu .header a span {
    background: #fff none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 6px 0;
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
    color: rgb(245, 134, 52) !important;
    font-family: "Bell Gothic Std";
    font-size: 22px;
}
.mm-listview > li > a, .mm-listview > li > span{
	color: #000 !important;
	font-size: 16px;
}


/* end mobile menu */


/* gallery */

.image01 {
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    margin-top: 15px;
    overflow: hidden;
    position: relative;
    width: 100%;
    cursor: pointer;
}
.image01 img {
    left: 0;
    position: relative;
    top: 0;
    transform: scale(1.1);
    transition: transform 0.3s ease 0s;
    width: 100%;
}
.image01 .ovrly {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.image01 .buttons {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.image01 .buttons p {
    background: rgb(114, 179, 61) none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin: 0 1px;
    opacity: 0;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    padding: 5px 8px;
}
.image01:hover img {
    filter: blur(2px);
    transform: scale(1);
}
.image01:hover .ovrly {
    opacity: 1;
}
.image01:hover .buttons p {
    opacity: 1;
}
.album-name{
    color: #000;
    font-size: 17px;
    padding: 10px 0;
    text-align: center;
}
.breadcrumb p {
    color: rgb(245, 134, 52);
    font-size: 17px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
}
.breadcrumb{
    background: transparent;
    margin-bottom: 0;
    margin-top: 20px;
}

/* end gallery */

/* product page */

.dtl13 {
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    width: 100%;
}
.dtl13 img {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    margin-bottom: 20px;
}
.dtl13 .dtl {
    background: rgba(119, 187, 64, 0.8) none repeat scroll 0 0;
    height: auto;
    left: 0;
    opacity: 0;
    padding: 0 15px;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 999;
}
.dtl13 .dtl h3 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 20px;
    text-decoration: underline;
}
.dtl13 .dtl p {
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 10px;
    text-indent: 10px;
}
.dtl13 .dtl a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #333;
    float: right;
    font-size: 13px;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
}
.dtl13 .dtl a:hover {
    background: #e6e6e6 none repeat scroll 0 0;
    border: 1px solid #adadad;
}
.dtl13:hover .dtl {
    left: 25px;
    opacity: 1;
    top: 25px;
    visibility: visible;
}

/* end product page */




@media only screen and (max-width: 640px){
	.rightpad{
		padding-right: 15px !important;
	}
	.nivo-controlNav{
		top:200px !important;
	}
	.testi-div{
		background: url("../images/Testimonial_Quote.png") no-repeat scroll 1% top, rgba(0, 0, 0, 0) url("../images/Testimonial_Quote1.png") no-repeat scroll 91% 77%;
	}
	.product-content{
		width: 309px;
	}
	.top-up{
		position: relative;
		margin-top: 0;
	}
	.product-desc{
		height: 110px;
	}
	.top_bg{
		padding: 5px 0 10px;
	}
	.banner {
    min-height: auto;
    min-height: initial;
}
    .top-lists{
        float:none;
        text-align: right;
    }
    .top-mail{
        padding-right: 0;
    }
}	

@media screen and (min-device-width: 768px) and (max-device-width: 1279px){
	.nivo-controlNav{
		top:400px !important;
	}
	#main-menu ul li{
		border-right: 0 none;
		width: 7.2em;
	}
	.home-active::after{
		left: 46px;
	}
	#main-menu ul li:hover::after{
		left: 46px;
	}
	.home-heading{
		margin-top: 3%;
	}
	.product-content{
		width: 344px;
	}
	.top-up{
		position: relative;
		margin-top: 0;
	}
	.career-heading{
		margin-top:2%;
	}
	.banner {
    min-height: auto;
    min-height: initial;
}
}