body { padding: 0; margin: 0; font-size: 12px; color: #000; font-family: "Myriad Pro"; text-rendering: optimizeLegibility; line-height: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-family: "Myriad Pro"; }
ul, li { margin: 0; padding: 0; list-style: none; outline: none; font-family: "Myriad Pro"; }
a { margin: 0; padding: 0; text-decoration: none; outline: none; font-family: "Myriad Pro"; }
p { margin: 0; padding: 0; font-family: "Myriad Pro"; }
@font-face { font-family: 'MyriadPro-Bold'; src: font-url('fonts/myriadpro_bold.eot'); src: font-url('fonts/myriadpro_bold.eot') format('embedded-opentype'),  font-url('fonts/myriadpro_bold.woff') format('woff'),  font-url('fonts/myriadpro_bold.ttf') format('truetype'),  font-url('fonts/myriadpro_bold.svg#MyriadProBold') format('svg'); }
/*portfolio css*/

/*===========================
  slider
============================ */

.overlay-img { position: absolute; opacity: .7; width: 100%; height: 100%; background: #2c2c2c; }
.item-thumbs .hover-wrap .overlay-img-thumb { position: absolute; top: 50%; left: 0; margin-top: -11px; z-index: 20; right: 0; color: #FFFFFF; font-size: 22px; text-transform: uppercase; font-weight: 600; line-height: 1em; text-align: center; opacity: 1; filter: alpha(opacity=100); }
#main-slider { margin-top: 40px; }
#main-slider { position: relative; }
.no-margin { margin: 0; padding: 0; }
.aaa ul li { font-size: 15px; list-style: disc; color: #4b4b4a; padding: 6px 0; }
.aaa ul { padding: 0 15px; }
.aaa h3 { color: #2A4A90; /* border-bottom: solid 1px #ccc; */
font-size: 25px; width: 100%; position: relative; /* padding: 15px; */
text-transform: inherit; font-weight: 700; color: #2a4a90; }
.qua { margin-left: 15px; }
.a { margin-top: 15px; }
.moto { font-size: 17px; }
.aboutus-contant1 { width: 100%; margin-top: 57px; }
.aboutus-contant1 { width: 100%; }
.aboutus-contant1 p { font-size: 17px; color: #4b4b4a; line-height: 22px; }
.round { width: 200px; border: 1px solid; border-radius: 120px; }
#main-slider .carousel .carousel-content { margin-top: 150px; }
#main-slider .carousel .slide-margin { margin-top: 140px; }
#main-slider .carousel h2 { color: #fff; text-transform: uppercase; font-size: 50px; font-weight: 800; }
.btn { display: inline-block; padding: 8px 12px 4px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
#main-slider .carousel h2 span { color: #ffc62a; }
#main-slider .carousel h2 span spani { color: #000; }
#main-slider .carousel p { color: #ddd; font-size: 25px; }
#main-slider .carousel .btn-slide { padding: 8px 20px; background: #ffc62a; color: #494343; font-weight: 500; border-radius: 3px; margin-top: 25px; display: inline-block; transition-duration: .4s; }
#main-slider .carousel .btn-slide:hover:before { transform: scaleY(1); }
#main-slider .carousel .btn-slide:hover { color: #fff; }
#main-slider .carousel .btn-slide:before { background: #615B5B none repeat scroll 0 0; border-radius: 2px; bottom: 0; content: ""; display: inline-block; font-weight: 500; left: 0; padding: 8px 20px; position: absolute; right: 0; top: 0; transform: scaleY(0); transform-origin: 50% 100% 0; transition-duration: 0.4s; transition-property: transform; transition-timing-function: ease-out; z-index: -1; }
#main-slider .carousel .slider-img { text-align: right; position: absolute; }
#main-slider .carousel .item { background-position: 50%; background-repeat: no-repeat; background-size: cover; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; height: 730px; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; }
#main-slider .carousel .item:first-child { top: auto; position: relative; }
#main-slider .carousel .item.active { opacity: 1; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; z-index: 1; }
#main-slider .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both; }
#main-slider .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; }
#main-slider .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; }
#main-slider .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; }
/*Products Showcaswe css*/

.reasons-col { overflow: hidden; position: relative; }
.reasons-col a { height: 100%; overflow: hidden; width: 100%; }
.reasons-col a img { max-width: 100%; transition: all 0.3s ease 0s; }
.reasons-col .on-hover { background: rgba(42, 74, 144, 0.9) none repeat scroll 0 0; bottom: 125px; color: #000; height: 100%; opacity: 0; padding: 25px; position: absolute; text-align: center; top: 0; transition: all 0s ease 0s, all 0.5s ease 0s; visibility: hidden; width: 100%; }
.reasons-col .on-hover h3 { font-size: 20px; color: #FFF; letter-spacing: 1px; display: inline-block; font-size: 20px; left: 50%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); text-transform: uppercase; }
.reasons-col:hover .on-hover { opacity: 1; padding: 0; transition: all 0s ease 0s, all 0.5s ease 0s; visibility: visible; }
.reasons-col a img { max-width: 100%; transition: all 0.3s ease 0s; }
.reasons-col a:hover img { transform: scale(1.1); }
/*.feature*/


.text-center h3 { text-transform: uppercase; font-size: 25px; color: #333; font-weight: 600; }
.feature { padding: 0px; }
.text-center i { font-size: 40px; margin-top: 70px; margin-bottom: 30px; color: #fff; padding: 50px; background: #ffc62a; border-radius: 50%; width: 140px; height: 140px; transition-duration: .3s; }
.text-center h2 { margin-top: 20px; margin-bottom: 20px; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #ffc62a; }
.hi-icon-effect i.fa:hover { transition-duration: .3s; background: #fff; color: #ffc62a; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; }
#partner { background: url(../images/partners/partner_bg.png) 50% 50% no-repeat; background-size: cover; }
#partner { color: #fff; text-align: center; padding: 100px; }
#partner h2 { color: #fff; font-size: 30px; font-weight: 600; }
#partner p { color: #fff; font-size: 20px; }
.partners ul { list-style: none; margin: 0; padding: 0; }
.partners ul li { display: inline-block; vertical-align: middle; padding: 0 18px; }
.partners ul li a img { margin-top: 50px; }
#conatcat-info { background: #fff url(../images/contact.png) no-repeat 90% 0; padding: 30px 0; }
.contact-info i { width: 50px; height: 50px; font-size: 40px; line-height: 50px; color: #fff; background: #ffc62a; text-align: center; border-radius: 6px; }
.contact-info h2 { margin-top: 0; color: #000; }
.contact-info { color: #000; }
/* --- about us --- */

.aboutus { padding: 50px; }
.aboutus img { border-radius: 6px; }
.aboutus h3 { margin-bottom: 30px; font-weight: 800; }
.aboutus h4 { margin-top: 30px; margin-bottom: 30px; font-weight: 700; }
.career { padding: 50px; }
.career img { border-radius: 6px; }
.career h3 { margin-bottom: 30px; font-weight: 800; }
.career h4 { margin-top: 30px; margin-bottom: 30px; font-weight: 700; }
.quality { padding: 50px; }
.quality img { border-radius: 6px; }
.quality h3 { margin-bottom: 30px; font-weight: 800; }
.quality h4 { margin-top: 30px; margin-bottom: 30px; font-weight: 700; }
.contactus { padding: 50px; }
.contactus img { border-radius: 6px; }
.contactus h3 { margin-bottom: 30px; font-weight: 800; }
.contactus h4 { margin-top: 30px; margin-bottom: 30px; font-weight: 700; }
.Product { padding: 50px; }
.Product img { border-radius: 6px; }
.Product h3 { margin-bottom: 30px; font-weight: 800; }
.Product h4 { margin-top: 30px; margin-bottom: 30px; font-weight: 700; }
.skill h2 { margin-top: -10px; margin-bottom: 25px; }
.progress-wrap { position: relative; }
.progress .color1, .progress .color1 .bar-width { background: #2d7da4; }
.progress .color2, .progress .color2 .bar-width { background: #6aa42f; }
.progress .color3, .progress .color3 .bar-width { background: #ffcc33; }
.progress .color4, .progress .color4 .bar-width { background: #db3615; }
.progress, .progress-bar { height: 15px; line-height: 15px; background: #e6e6e6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0; overflow: visible; text-align: right; }
.progress { position: relative; }
.progress .bar-width { position: absolute; width: 40px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; font-weight: 700; top: -30px; border-radius: 2px; margin-left: -30px; }
.progress span { position: relative; }
.progress span:before { content: " "; position: absolute; width: auto; height: auto; border-width: 8px 5px; border-style: solid; bottom: -15px; right: 8px; }
.progress .color1 span:before { border-color: #2d7da4 transparent transparent transparent; }
.progress .color2 span:before { border-color: #6aa42f transparent transparent transparent; }
.progress .color3 span:before { border-color: #ffcc33 transparent transparent transparent; }
.progress .color4 span:before { border-color: #db3615 transparent transparent transparent; }
.about { background: #eee; padding: 50px; }
.about h2 { margin-bottom: 30px; }
.about img { margin-bottom: 30px; border-radius: 6px; }
.our-team { padding: 50px; background: #ddd; }
.our-team h3 { margin-bottom: 30px; font-weight: 800; }
.our-team h4 { margin-top: 20px; margin-bottom: 20px; font-weight: 600; }
.our-team img { border-radius: 6px; margin-top: 30px; }
.lates { padding: 50px; }
.lates h2 { font-size: 25px; font-weight: 600; color: #333; }
.wow.fadeInDown.animated { -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: rotate(1); transition-duration: .4s; margin-top: 5px; }
.lates a { overflow: hidden; float: left; border-radius: 5px; }
.lates img { border-radius: 5px; -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: rotate(1); transition-duration: .4s; }
.lates img:hover { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: rotate(1.2); transition-duration: .4s; }
/* --- footer --- */
.footer { background: #ffc62a; padding: 15px 22px; }
ul.social-network { list-style: none; margin-top: 20px; padding: 10px 0px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
ul.social-network li { display: inline; margin: 0 18px; font-size: 25px; }
ul.social-network li:first-child { margin-left: inherit; }
ul.social-network li a { color: #fff; }
.social-network li:hover .fa-twitter { color: #727376; }
.social-network li:hover .fa-facebook { color: #727376; }
.social-network li:hover .fa-google-plus { color: #727376; }
.social-network li:hover .fa-pinterest { color: #727376; }
.social-network li:hover .fa-linkedin { color: #727376; }
.social-network li:hover .fa-youtube-play { color: #727376; }
.social-network li:hover .fa-dribbble { color: #727376; }
.social-network li:hover .fa-pinterest-square { color: #727376; }
.copyright { margin-top: 30px; float: right; }
.copyright a { color: #000; text-transform: uppercase; font-weight: 600; font-size: 12px; text-shadow: none; }
/* --- services --- */
.media > ul { padding: 0; }
.border { border-bottom: solid 1px #cbcbcb; }
.services { padding: 50px; }
.services h3 { margin-bottom: 30px; font-weight: 800; }
.services img { border-radius: 6px; }
.sub-services img { border-radius: 6px; }
.services p { margin-top: 30px; font-size: 13px; }
.sub-services { padding: 50px; background: #eeeeee; }
.sub-services p { margin-top: 30px; font-size: 13px; }
.media-body p { margin-bottom: 30px; }
.media ul li { list-style: none; }
.media i { color: #fff; font-size: 35px; }
.media h4 { font-size: 20px; font-weight: 600; color: #ffc62a; }
/* --- portfolio --- */

#portfolio { width: 100%; float: left; }
.portfolio { color: #ffc62a; font-size: 22px; margin: 30px 0 12px 0; display: inline-block; }
.portfolio-in { width: 100%; }
.portfolio-in ul { padding: 0; }
.portfolio-in ul li { font-size: 14px; color: #333; text-decoration: none; padding: 2px 0; list-style: none; }
.portfolio-in ul li:before { width: 7px; height: 7px; margin: 8px 8px 0 0; background: #ffc62a; content: ""; float: left; border-radius: 50%; }
#portfolio .center p { margin-top: 50px; margin-bottom: 50px; font-size: 18px; }
.portfolio-items, .portfolio-filter { list-style: none outside none; margin: 0 0 35px 0; width: 100%; float: left; }
ul.portfolio-filter.text-center { padding: 0 0 0 20px; }
.portfolio-filter > li { display: inline-block; }
.portfolio-filter > li a { background: none repeat scroll 0 0 #FFFFFF; font-size: 14px; font-weight: 400; margin-right: 20px; text-transform: uppercase; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; border: 1px solid #2a4a90; outline: none; border-radius: 3px; }
.portfolio-filter > li a:hover, .portfolio-filter > li a.active { color: #fff; background: #2a4a90; border: 1px solid #2a4a90; box-shadow: none; -webkit-box-shadow: none; outline: none; }
.btn.btn-default.active { outline: none; text-decoration: none; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none; text-decoration: none; outline-offset: inherit; }
.portfolio-items > li { float: left; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a:hover, a:focus { color: inherit; background: none; outline: none; }
.portfolio-item { margin-left: 0; width: 24.99%; float: left; border: 1px solid #ccc; }
.overlay { margin-bottom: 20px; text-decoration: none }
.overlay h3 a { text-decoration: none; }
.overlay a:hover { color: #ffc62a; }
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
/* --- Map --- */
.map { position: relative; margin-bottom: 40px; }
.map iframe { width: 100%; height: 450px; border: none; }
.map-grid iframe { width: 100%; height: 350px; border: none; margin: 0 0 -5px 0; padding: 0; }
/* --- contact --- */
#contact-page { padding-top: 0; background: #fff; margin-bottom: 50px; }
#contact-page .contact-form .form-group label { color: #4E4E4E; font-size: 14px; font-weight: 300; }
.form-group .form-control { padding: 7px 12px; border-color: #dadada; box-shadow: none; }
textarea#message { resize: none; padding: 10px; }
#contact-page .contact-wrap { margin-top: 20px; }
.center h2 { font-size: 36px; margin-top: 0; margin-bottom: 25px; text-align: center; }
.center p { text-align: center; }
a.scrollup { color: #fff; background: #615A61; height: 40px; width: 40px; font-size: 12px; line-height: 30px; text-align: center; text-decoration: none; position: fixed; bottom: 30px; right: 40px; opacity: 0, 5; border-radius: 50%; z-index: 999; }
a.scrollup:hover { opacity: 1; color: #c79104; }
.welcome { font-size: 46px; /* border: 2px solid #e7e7e9; */
border-radius: 74px; background-color: #2b498f; padding: 35px; color: #ffffff; }
/*css start**/
.wrapper { width: 100%; float: left; }
.container { max-width: 1200px; width: 100%; margin: 0 auto; }
/*header top css*/
.hrader-top { width: 100%; background: #2A4990; padding: 9px 0; border-top: solid 1px #fff; }
.header-top-in { width: 100%; display: flex; }
.header-top-info { text-align: right; width: 85%; }
.header-top-info ul { }
.header-top-info ul li { display: inline-block; }
.header-top-info ul li a { color: #FFF; font-size: 15px; text-decoration: none; transition-duration: .2s; }
.header-top-info ul li a img { max-width: 100%; padding: 0 5px 0 25px; }
.header-top-info ul li a:hover { color: #ccc; transition-duration: .2s; }
.header-top-socialicon { width: 15%; text-align: right; }
.header-top-socialicon ul { }
.header-top-socialicon ul li { display: inline-block; padding-left: 5px; }
.header-top-socialicon ul li a { text-decoration: none; }
.header-top-socialicon ul li a img { max-width: 100%; }
header { width: 100%; height: 171px; position: absolute; z-index: 999; }
/*==============================
NAVBAR STYLES
==============================*/
/* ADDED PADDING IN NAVBAR */

.navbar-default { background: #fff; border-bottom: none; }
.navbar-header { width: 20%; }
.navbar-brand { height: auto; padding: 6px 15px 5px; width: 100%; }
.navbar-brand img { max-width: 100%; float: left; }
.navbar-brand h1 { color: #929292; font-size: 14px; font-weight: 700; margin: 28px 0 0; padding-left: 15px; float: left; text-decoration: none; text-transform: uppercase; }
.menu { font-size: 14px; float: right; text-transform: uppercase; font-weight: 700; }
.menu ul.nav-tabs li { color: #000; }
.nav-tabs { border-bottom: 0; }
.nav-tabs > li { float: left; margin-bottom: 0; padding: 52px 24px 43px; }
.nav-tabs > li > a { border-radius: 0; display: inline; color: #353535; padding: 0 0 48px; border: none; font-weight: normal; letter-spacing: .4px; margin: 0; text-decoration: none; outline: none; }
.nav-tabs > li:last-child { padding-right: 0; }
.nav-tabs > li > a:hover { color: #2A4A90; border-radius: 0; text-decoration: none; outline: none; border-bottom: solid 3px #2A4A90; background-color: #fff; }
.nav > li > a:focus { background: none; }
.nav-tabs > li > a.active { color: #2A4A90; text-decoration: none; outline: none; border-radius: 0; border-bottom: solid 3px #2A4A90; }
header .navbar { -webkit-transition: background .6s ease-out, padding .6s ease-out; -moz-transition: background .6s ease-out, padding .6s ease-out; transition: background .6s ease-out, padding .6s ease-out; padding: 10px 0 5px 0;/*box-shadow:0 2px 5px #656565; border-bottom: 1px solid #ccc;*/
}
.fixed-header .hrader-top { display: none; }
.fixed-header { position: fixed; top: 0; width: 100%; z-index: 99; }
.fixed-header .navbar { -webkit-transition: background .6s ease-out, padding .6s ease-out; -moz-transition: background .6s ease-out, padding .6s ease-out; transition: background .6s ease-out, padding .6s ease-out; box-shadow: 0 -2px 7px 0px #000; }
.navbar { padding: 10px 0 5px 0; -webkit-transition: background .8s ease-out, padding .8s ease-out; -moz-transition: background .8s ease-out, padding .8s ease-out; transition: background .8s ease-out, padding .8s ease-out; margin: 0; }
.navbar-pad-original { padding: 0px; }
.dropdown-menu { min-width: 200px; margin: 0; padding: 0; border: none; border-radius: 0; background: none; }
.dropdown-menu>li { background: #ffffff; margin-bottom: 0px; }
.dropdown-menu>li>a { text-transform: capitalize; font-size: 15px; color: #353535; border-bottom: 1px solid #d8d3d3; padding: 6px 20px; }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #FFF; background: #2A4A90; }
.dropdown-menu-second { display: none !important; }
.dropdown-submenu:hover .dropdown-menu-second { display: block !important; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
.dropdown-submenu { position: relative; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: 0px; margin-left: 0px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.nav-tabs .dropdown-menu { margin-top: 0; }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background: #f28824; }
/*===========================
  slider
============================ */


#myCarousel { width: 100%; position: relative; margin-top: 169px; }
.no-margin { margin: 0; padding: 0; }
#myCarousel.carousel .carousel-content { margin-top: 10px; text-align: left; }
#myCarousel.carousel .slide-margin { margin-top: 80px; }
.row.slide-margin { position: absolute; z-index: 1; }
#myCarousel.carousel h2 { color: #2A4A90; text-transform: capitalize; font-size: 33px; }
#myCarousel.carousel h2 span { color: #FF6B39; }
#myCarousel.carousel h2 span spani { color: #000; }
#myCarousel.carousel p { color: #353535; font-size: 18px; text-transform: capitalize; margin-top: 15px; line-height: 1.5; }
.carousel-control.left { background: none; display: block; width: 0; }
.carousel-control.left img, .carousel-control.right img { margin-left: -4px; }
.carousel-control.right { background: none; display: block; width: 0; right: 30px; }
#myCarousel.carousel .btn-slide { padding: 10px 20px 8px; background: #2A4A90; color: #fff; font-size: 15px; transition-duration: .2s; text-transform: uppercase; margin-top: 25px; display: inline-block; text-decoration: none; outline: none; border: none; }
#myCarousel.carousel .btn-slide:hover { transition-duration: .2s; background: #2A4A90; }
#myCarousel .carousel .slider-img { text-align: right; position: absolute; }
#myCarousel .carousel .item { background-position: 50%; background-repeat: no-repeat; background-size: cover; left: 0 !important; opacity: 0; top: 0; position: absolute; width: 100%; display: block !important; height: 730px; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; }
#myCarousel .carousel .item:first-child { top: auto; position: relative; }
#myCarousel .carousel .item.active { opacity: 1; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; z-index: 1; }
#myCarousel .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both; }
#myCarousel .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; }
#myCarousel .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; }
#myCarousel .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; }
.banner .sr-only { top: 50%; margin: -40px 0 0; width: 30px; height: 80px; clip: inherit; background: rgba(0, 0, 0, .9); line-height: 80px; }
/****welcome section csss****/
.welcome-section { width: 100%; float: left; padding: 60px 0 0px; }
.welcome1-section { width: 100%; float: left; padding: 60px 0px; }
.welcome-section h2 { text-transform: inherit; font-size: 25px; color: #2A4A90; text-align: center; }
.welcome-section p { font-size: 17px; text-align: center; color: #666; padding-top: 15px; line-height: 26px; text-transform: inherit; font-family: Arial, Helvetica, sans-serif; }
.welcome1-section h2 { text-transform: inherit; font-size: 25px; color: #2A4A90; text-align: center; }
.welcome1-section p { font-size: 17px; text-align: center; color: #666; padding-top: 0px; line-height: 26px; text-transform: inherit; font-family: Arial, Helvetica, sans-serif; }
.row.row-pad { padding: 0 15px; }
.we-are { padding: 0px; width: 100%; float: left; margin-top: 50px; }
.we-are ul { text-align: center; }
.we-are ul li { }
.we-are ul li h3 { font-size: 25px; width: 100%; position: relative; padding: 15px; text-transform: inherit; font-weight: 700; color: #2a4a90; }
.we-are ul li h3:before { border-bottom: solid 2px #a9abb7; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; width: 75px; top: 45px; }
.we-are ul li p { text-align: justify; font-size: 15px; color: #353535; line-height: 22px; padding: 15px; }
.we-are ul li a { color: rgba(255, 255, 255, 0.71); font-size: 15px; transition-duration: .2s; text-decoration: none; text-transform: capitalize; float: right; }
.we-are ul li a:hover { color: white; transition-duration: .2s; }
.item2 { }
.item2 ul li h3:before { border-color: #a9abb7; }
.item2 ul li a { color: rgba(255, 255, 255, 0.71); }
/****Prodect section css****/
.prodect { width: 100%; float: left; background: #ffffff; padding: 20px 0 50px; }
.our-prodect h2 { text-transform: inherit; font-size: 30px; position: relative; color: #2A4A90; text-align: center; }
.our-prodect h2:before { border-bottom: solid 2px #a9abb7; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; width: 75px; top: 40px; }
/*.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled{ display:block;}*/
.owl-carousel { margin: 0; padding-top: 50px; }
.owl-carousel .owl-item { width: 100%; float: left; }
.owl-carousel .owl-dots.disabled { display: block; }
.owl-carousel .owl-dot { background: #a9abb7 none repeat scroll 0 0; display: inline-block; height: 10px; margin: 0 5px; width: 10px; }
.owl-carousel .owl-dot.active { background: #2A4A90 }
.owl-carousel .owl-nav { width: 100%; float: left; display: none; }
.owl-carousel .owl-dots { margin: 0 auto; padding-top: 30px; text-align: center; width: 100%; }
/*testimonials css*/
.testimonials { width: 100%; float: left; background: #2a4a90; padding: 50px 0; }
.testimonials-in { width: 100%; text-align: center; }
.testimonials-in ul { }
.testimonials-in ul li { display: inline-block; }
.testimonials-in ul li h2 { text-transform: inherit; font-size: 30px; top: 10px; padding: 0 40px; position: relative; color: #fff; text-align: center; }
.testimonials-in ul li h2:before { border-bottom: solid 2px #fff; content: ""; left: 0; margin: 0 auto; position: absolute; right: 0; width: 75px; top: 45px; }
.slide { text-align: center; }
.slide ul { text-align: center; }
.slide ul li { }
.slide ul li img { margin: 30px auto; max-width: 100%; border-radius: 50%; padding: 8px; border: solid 1px #fff; }
.slide ul li h3 { text-transform: capitalize; font-size: 40px; padding: 0 40px; color: rgba(245, 245, 245, 0.46); text-align: center; }
.slide ul li p { font-size: 17px; font-style: italic; text-align: center; color: #fff; padding-top: 15px; text-transform: inherit; }
.testimonials .bx-wrapper { background: none; border: none; box-shadow: none; margin: 0; }
.testimonials .bx-wrapper .bx-pager { display: none; }
/**footer css***/

footer { width: 100%; float: left; background: #2f3239; padding: 20px 10px; }
.footer-address { width: 100%; padding-top: 25px;/*text-align:center;*/ }
.footer-address h2 { color: rgba(153, 153, 153, 0.74); font-size: 16px; text-transform: uppercase; }
.footer-address p { font-size: 14px;letter-spacing: 1px; padding-top: 8px; color: rgba(204, 204, 204, 0.87); }
.copyright { width: 100%; float: left; text-align: center; }
.copyright p { font-size: 14px; color: rgba(245, 245, 245, 0.78); padding-top: 8px; }
.copyright p span { font-style: italic; }
.copyright p span a { color: rgba(245, 245, 245, 0.78); text-decoration: none; transition-duration: .2s; }
.copyright p span a:hover { transition-duration: .2s; color: rgba(245, 245, 245, 0.78); }
.footer-address a { font-style: italic; font-weight: bold; text-decoration: none; text-transform: lowercase; }
.hidden-1 { opacity: 0; }
.visible-1 { opacity: 1; }
/*aboutus css*/
.aboutus { width: 100%; background: url(../images/banner/aboutus_01.jpg) no-repeat center; height: 380px; margin-top: 169px; background-size: cover; }
.aboutus h2 { font-size: 39px; color: #2b488f; text-transform: uppercase; font-weight: 700; padding: 30px 0 0;/* display: none; */}
.aboutus-section { padding: 60px 0; width: 100%; }
.aboutus-contant { width: 100%; }
.aboutus-contant p { font-size: 15px; color: #4b4b4a; line-height: 22px; }
.mission { width: 100%; }
.mission h2 { font-weight: 700; font-size: 25px; color: #2A4A90; text-transform: capitalize; padding-top: 0; }
.mission p { color: #333; font-size: 15px; padding-top: 10px; }
.center.our-prodect { padding-bottom: 30px; }
.quality { width: 100%; background: url(../images/banner/qualitypolicy-banner.jpg) no-repeat center; height: 380px; margin-top: 169px; background-size: cover; }
.quality h2 { font-size: 39px; color: #2b488f; text-transform: uppercase; font-weight: 700; padding: 30px 0 0;/* display: none; */}
.quality-section { padding: 60px 0; width: 100%; }
.quality-contant { width: 100%; }
.quality-contant p { font-size: 17px; color: #4b4b4a; line-height: 22px; }
.career { width: 100%; background: url(../images/banner/career.jpg) no-repeat center; height: 380px; margin-top: 169px; background-size: cover; }
.career h2 { font-size: 39px; color: #2b488f; text-transform: uppercase; font-weight: 700; padding: 30px 0 0;/* display: none; */}
/**contact css*/
.contactus { width: 100%; background: url(../images/banner/contactus.jpg) no-repeat center; height: 380px; margin-top: 169px; background-size: cover; }
.contact-page { width: 100%; padding: 60px 0; }
.contact-massage { text-align: center; }
.contact-massage h2 { font-size: 35px; font-weight: normal; color: #2A4A90; }
.contact-massage p { font-size: 15px; color: #333; }
.contact img { max-width: 100%; height: auto; }
.contact-wrap { padding-top: 50px; }
.contactus h2 { font-size: 39px; color: #2b488f; text-transform: uppercase; font-weight: 700; padding: 30px 0 0;/* display: none; */}
.address-maindiv { width: 100%; float: left; }
.address-uk h2 { font-size: 24px; text-transform: capitalize; color: #333; }
.address-uk img { margin-bottom: 20px; max-width: 55%; margin-left: 3%; }
.address-uk { margin-bottom: 12px; }
.address-uk h3 { font-size: 16px; text-transform: uppercase; color: #2A4990; padding: 0 15px 0; font-weight: bold; }
.address-uk p { font-size: 15px; color: #333; font-family: "Myriad Pro"; padding-left: 15px; }
.address-uk ul { padding: 13px 0px; float: left; }
.address-uk ul li { text-align: left; margin: 8px 0; font-size: 15px; color: #333; text-decoration: none; outline: none; list-style: none; width: 100%; float: left; position: relative; }
.address-uk ul li .fa { float: left; font-size: 18px; color: #505050; padding: 0px 15px 0px; }
.address-uk ul li .fa-map-marker { font-size: 23px; margin-top: 4px; }
.address-uk ul li .fa-phone { font-size: 22px; margin-top: -2px; }
.address-uk ul li .fa-envelope { font-size: 15px; margin-top: 1px; }
.address-uk ul li .fa-print { font-size: 18px; margin-top: 0px; }
.address-uk ul li .fa-mobile { font-size: 25px; margin-top: -5px; }
.address-uk ul li span {    margin-left: 45px; }
.address-india { width: 100%; float: left; }
.pull-right { padding: 10px 30px 5px; font-size: 15px; background: #2A4A90; transition-duration: .2s; border: none; border-radius: 0; }
.pull-right:hover { background: #8a939a; transition-duration: .2s; }
.form-control { border-radius: 0; box-shadow: none; padding: 6px 12px 2px; }
.map { margin-bottom: -6px; }
/**career css**/
.Product { width: 100%; background: url(../images/banner/product_banner.jpg) no-repeat center; height: 380px; margin-top: 169px; background-size: cover; }
.Product h2 { font-size: 39px; color: white; text-transform: uppercase; font-weight: 700; padding: 30px 0 0; display: none; }
.Product-section { width: 100%; float: left; padding: 50px 0; }
.our-talnent { width: 100%; float: left; padding: 0 30px 0 0; }
.cpd { padding-top: 0px; }
.our-talnent h2, .cpd h2 { font-weight: 700; font-size: 25px; color: #2A4A90; text-transform: capitalize; text-align: left; border-bottom: 1px solid #e5e5e5; padding: 0 0 8px; }
.our-talnent p, .cpd p { font-size: 15px; color: #333; text-align: justify; padding-top: 8px; padding-bottom: 20px; }
.application { padding: 0px; }
.application h2 { font-size: 25px; color: #2A4A90; text-transform: capitalize; text-align: left; padding: 10px; }
.col-md-offset-1 { margin: 0 2% 15px; }
a.btn { color: #333; }
/**download css**/
.download-section { width: 100%; background: url(../images/download.jpg) no-repeat center; height: 380px; margin-top: 169px; background-size: cover; }
.resource { padding-bottom: 40px; }
.resource p { font-size: 16px; color: #585858; }
.download { width: 100%; float: left; text-align: center; padding-bottom: 15px; }
.download ul { line-height: 30px; }
.download ul li { display: inline-block; padding: 0 1px; }
.download ul li span { background: #727270 none repeat scroll 0 0; color: #fff; display: block; font-size: 20px; height: 42px; width: 42px; line-height: 42px; font-family: Arial, Helvetica, sans-serif; }
.download ul li label { font-size: 20px; text-transform: capitalize; margin: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; background: #9d9f9e; color: #fff; padding: 6px 15px; width: 330px; }
.download ul li a { text-decoration: none; background: #2A4A90; padding: 13px 35px 10px; font-size: 16px; text-transform: uppercase; transition-duration: .2s; color: #FFF; font-family: Arial, Helvetica, sans-serif; }
.download ul li a:hover { background: #6877ba; transition-duration: .2s; }
/*product css*/
.product { width: 100%; float: left; padding: 60px 0; }
.product-list { width: 100%; float: left; }
.product-list a { text-decoration: none; width: 100%; height: 100%; position: relative; display: block; transition-duration: .5s; overflow: hidden; }
.product-list a h2 { font-size: 18px; color: #FFF; position: absolute; top: 92%; left: 0; right: 0; z-index: 2; text-align: center; font-weight: 700; text-transform: uppercase; transition-duration: .5s; }
.product-list a img { max-width: 100%; height: auto; -moz-transform: scale(1); -webkit-transform: scale(1); transition-duration: .5s; }
.overlay { width: 100%; height: 0%; background: #000; text-align: center; left: 0; right: 0; position: absolute; overflow: hidden; opacity: .4; z-index: 1; transition-duration: .5s; bottom: 0; }
.product-list a:hover .overlay, .product-list a:hover h2, .product-list a:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transition-duration: .5s; height: 100%; display: block; }
.row.product-list-padd { padding-top: 30px; }
.about-contant-download ul.second-row li{
    display: inline-block;
    background: #2957a4;
    padding: 15px;
    color: #fff;
    font-size:15px;
}

.about-contant-download ul.second-row li a{
    text-decoration:none;
    color:#fff;
}
.about-contant-download ul.second-row li:last-child{
    background: #8a939a;
    padding: 15px;
    color: #fff;
} 

.about-contant-download ul.second-row{
    width:100%;
    text-align:center;
    margin: 0 auto;
}


/*RESPONSIVE CSS*/
@media(max-width:1280px) {
.carousel .item { height: 480px; }
}
@media(max-width:1024px) {
#myCarousel.carousel .slide-margin { margin-top: 20px; margin-left: 40px; }
#myCarousel.carousel p { font-size: 16px; }
#myCarousel.carousel .btn-slide { margin-top: 15px; }
.Product { width: 100%; background: url(../images/banner/product_banner.jpg) no-repeat center; background-size: auto auto; height: 260px; margin-top: 169px; background-size: cover; }
.quality { width: 100%; background: url(../images/banner/qualitypolicy-banner.jpg) no-repeat center; background-size: auto auto; height: 260px; margin-top: 169px; background-size: cover; }
.career { width: 100%; background: url(../images/banner/career.jpg) no-repeat center; background-size: auto auto; height: 260px; margin-top: 169px; background-size: cover; }
.aboutus { width: 100%; background: url(../images/banner/aboutus_01.jpg) no-repeat center; background-size: auto auto; height: 260px; margin-top: 169px; background-size: cover; }
.contactus { width: 100%; background: url(../images/banner/contactus.jpg) no-repeat center; background-size: auto auto; height: 260px; margin-top: 169px; background-size: cover; }
.carousel .item { height: 360px; }
.portfolio-filter > li { margin-bottom: 15px; }
}
 @media(max-width:960px) {
.aboutus-contant.aaa { margin-left: 0; margin-top: 20px; }
.a { margin-top: 25px; }
.product-list { width: 100%; float: left; margin-top: -64px; }
}
 @media(max-width:800px) {
.owl-item { width: 1170px; float: left; }
.aboutus-contant.aaa { margin-left: 0; margin-top: 20px; }
.a { margin-top: 30px; }
#myCarousel.carousel .slide-margin { margin-top: 7px; }
.carousel-indicators { display: none; }
.carousel .item { height: 288px; }
#myCarousel.carousel .slide-margin { margin-left: 22px; }
.banner .sr-only { top: 52%; }
.Product { width: 100%; background: url(../images/banner/product_banner.jpg) no-repeat center; background-size: auto auto; height: 230px; background-size: cover; max-width: 100%; }
.quality { width: 100%; background: url(../images/banner/qualitypolicy-banner.jpg) no-repeat center; background-size: auto auto; height: 230px; background-size: cover; max-width: 100%; }
.career { width: 100%; background: url(../images/banner/career.jpg) no-repeat center; background-size: auto auto; height: 230px; background-size: cover; max-width: 100%; }
.contactus { width: 100%; background: url(../images/banner/contactus.jpg) no-repeat center; background-size: auto auto; height: 230px; background-size: cover; max-width: 100%; }
.aboutus { width: 100%; background: url(../images/banner/aboutus_01.jpg) no-repeat center; background-size: auto auto; height: 230px; background-size: cover; max-width: 100%; }
.we-are ul li p { text-align: justify; font-size: 15px; color: #353535; line-height: 22px; padding: 0; }
.product-list { width: 100%; float: left; margin-top: -64px; }
}
 @media(max-width:768px) {
#myCarousel.carousel h2 { color: #2A4A90; text-transform: capitalize; font-size: 26px; }
.nav-tabs > li { float: left; margin-bottom: 0; padding: 52px 14px 43px; }
.carousel .item { height: 249px; }
#myCarousel.carousel .slide-margin { margin-left: 22px; }
.navbar-brand { width: auto; float: none; }
.fixed-header .navbar { padding: 8px 0 5px; }
.navbar-toggle { margin-top: 20px; margin-right: 0; }
.menu { float: none; }
.header-top-info { text-align: left; width: 100%; }
.header-top-socialicon { width: 175px; text-align: right; }
.header-top-info ul li a img { padding: 0 5px 0 0; }
.header-top-info ul li { margin-left: 10px; }
.header-top-info ul li:first-child { margin: 0; }
.aboutus, .quality, .Product, .contactus, .career { padding: 70px; }
.address-uk ul li .fa-map-marker { margin-bottom: 35px; }
.we-are ul li p { text-align: justify; font-size: 15px; color: #353535; line-height: 22px; padding: 0; }
.product-list a img { width: 100% !important; }
}
 @media(max-width:767px) {
.navbar-header { width: 100%; }
.nav-tabs > li { float: none; }
.nav-tabs > li > a.active, .nav-tabs > li > a:hover { border: none; }
.nav-tabs > li > a { padding: 0; }
.nav-tabs > li { padding: 20px 16px 0; }
.navbar-collapse { padding: 20px 15px; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none; }
.menu { border-top: 1px solid #cccc }
.navbar-brand img { max-width: 25%; margin-left: 15px; }
.banner .sr-only { top: 50%; }
.navbar-toggle { margin-top: 40px; }
#myCarousel.carousel p { color: #353535; font-size: 18px; text-transform: capitalize; margin-top: 5px; line-height: 1.2; }
h1, h2, h3, h4, h5, h6 { font-family: "Myriad Pro"; }
.Product { width: 100%; background: url(../images/banner/product_banner.jpg) no-repeat center; background-size: auto auto; height: 210px; background-size: cover; max-width: 100%; }
.quality { width: 100%; background: url(../images/banner/qualitypolicy-banner.jpg) no-repeat center; background-size: auto auto; height: 210px; background-size: cover; max-width: 100%; }
.career { width: 100%; background: url(../images/banner/career.jpg) no-repeat center; background-size: auto auto; height: 210px; background-size: cover; max-width: 100%; }
.contactus { width: 100%; background: url(../images/banner/contactus.jpg) no-repeat center; background-size: auto auto; height: 210px; background-size: cover; max-width: 100%; }
.aboutus { width: 100%; background: url(../images/banner/aboutus_01.jpg) no-repeat center; background-size: auto auto; height: 210px; background-size: cover; max-width: 100%; }
.quality h2, .contactus h2, .aboutus h2, .career h2 { font-size: 30px; margin-top: -64px; margin-left: -54px; }
.center.our-prodect { padding-bottom: 15px; }
.portfolio-items, .portfolio-filter { list-style: none outside none; margin: 0 0 15px 0; width: 100%; float: left; }
.we-are ul li p { text-align: justify; font-size: 15px; color: #353535; line-height: 22px; padding: 0; }
.product-list { width: 100%; float: left; margin-top: -64px; }
}
 @media(max-width:640px) {
.banner .sr-only { top: 24%; }
#myCarousel { margin-top: 159px; }
#myCarousel.carousel .slide-margin { margin-top: 250px; }
.aboutus-section, .quality-section, .contact-page, .aboutus-section, #portfolio { padding: 30px 0; }
.carousel .item { height: 477px; }
.reasons-col .on-hover h3 { font-size: 10px; }
.we-are ul li p { text-align: justify; font-size: 15px; color: #353535; line-height: 22px; padding: 0; }
.product-list { width: 100%; float: left; margin-top: -64px; }
}
 @media(max-width:480px) {
.welcome-section, .welcome1-section { padding: 0 0 0px; }
.quality h2, .contactus h2, .aboutus h2, .career h2 { font-size: 20px; padding: 0; margin-top: -40px; margin-left: -54px; }
.aboutus-section, .quality-section, .contact-page, .aboutus-section, #portfolio { padding: 30px 0; }
.navbar-brand img { }
#myCarousel { margin-top: 170px; }
#myCarousel.carousel .slide-margin { margin-left: 0px; }
#myCarousel.carousel h2 { font-size: 30px; }
#myCarousel.carousel .slide-margin { margin-top: 190px; }
.banner .sr-only { top: 18%; }
.carousel .item { height: 500px; }
.aboutus-contant.aaa { margin-left: 0; }
.center.our-prodect { padding-bottom: 15px; }
.portfolio-items, .portfolio-filter { list-style: none outside none; margin: 0 0 15px 0; width: 100%; float: left; }
.product-slider.owl-carousel .owl-item img { width: 100% !important; }
.testimonials-in ul li img { max-width: 50%; }
.testimonials-in ul li h2 { font-size: 30px; padding: 0 0; }
.testimonials-in ul li h2::before { top: 30px; }
.career { width: 100%; background: url(../images/banner/career.jpg) no-repeat center; background-size: auto auto; height: 120px; margin-top: 170px; background-size: cover; max-width: 100%; }
.Product { width: 100%; background: url(../images/banner/product_banner.jpg) no-repeat center; background-size: auto auto; height: 120px; margin-top: 170px; background-size: cover; max-width: 100%; }
.quality { width: 100%; background: url(../images/banner/qualitypolicy-banner.jpg) no-repeat center; background-size: auto auto; height: 120px; margin-top: 170px; background-size: cover; max-width: 100%; }
.contactus { width: 100%; background: url(../images/banner/contactus.jpg) no-repeat center; background-size: auto auto; height: 120px; margin-top: 170px; background-size: cover; max-width: 100%; }
.aboutus { width: 100%; background: url(../images/banner/aboutus_01.jpg) no-repeat center; background-size: auto auto; height: 120px; margin-top: 170px; background-size: cover; max-width: 100%; }
.career { width: 100%; background: url(../images/banner/career.jpg) no-repeat center; background-size: auto auto; height: 0; margin-top: 170px; background-size: cover; max-width: 100%; }
.we-are ul li p { text-align: justify; font-size: 15px; color: #353535; line-height: 22px; padding: 0; }
.product-list { width: 100%; float: left; margin-top: -64px; }
}
 @media(max-width:375px) {
.banner .sr-only { top: 14%; }
}
 @media(max-width:360px) {
     .address-uk ul li span {
     margin-left: 0; 
}
#myCarousel.carousel .slide-margin { margin-top: 135px; }
.welcome-section, .welcome1-section { padding: 0 0 0px; }
.aboutus-section, .quality-section, .contact-page, .aboutus-section, #portfolio { padding: 30px 0; }
.portfolio-items, .portfolio-filter { margin: 0 0 15px 0; }
.center.our-prodect { padding-bottom: 15px; }
.portfolio-filter > li a { background: none repeat scroll 0 0 #FFFFFF; font-size: 9px; font-weight: 400; margin-right: 2px; text-transform: uppercase; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; border: 1px solid #2a4a90; outline: none; border-radius: 3px; }
ul.portfolio-filter.text-center { padding: 0 0 0 00px; }
.testimonials-in ul li img { max-width: 40%; }
.testimonials-in ul li h2 { font-size: 25px; padding: 0 0; }
.testimonials-in ul li h2::before { top: 25px; }
.header-top-info ul li { margin: 0; }
#myCarousel { margin-top: 178px; }
.banner .sr-only { top: 50%; margin: -28px 3px 0; width: 25px; height: 56px; clip: inherit; background: rgba(0, 0, 0, .9); line-height: 61px; }
.aboutus-contant.aaa { margin-left: 0; }
.Product { width: 100%; background: url(../images/banner/product_banner.jpg) no-repeat center; background-size: auto auto; height: 0; margin-top: 180px; background-size: cover; max-width: 100%; }
.quality { width: 100%; background: url(../images/banner/qualitypolicy-banner.jpg) no-repeat center; background-size: auto auto; height: 0; margin-top: 180px; background-size: cover; max-width: 100%; }
.contactus { width: 100%; background: url(../images/banner/contactus.jpg) no-repeat center; background-size: auto auto; height: 0; margin-top: 180px; background-size: cover; max-width: 100%; }
.aboutus { width: 100%; background: url(../images/banner/aboutus_01.jpg) no-repeat center; background-size: auto auto; height: 0; margin-top: 180px; background-size: cover; max-width: 100%; }
.career { width: 100%; background: url(../images/banner/career.jpg) no-repeat center; background-size: auto auto; height: 0; margin-top: 180px; background-size: cover; max-width: 100%; }
.quality h2, .contactus h2, .aboutus h2, .career h2 { font-size: 19px; padding: 0; margin-top: -33px; margin-left: -45px; }
.aboutus, .quality, .Product, .contactus, .career { padding: 50px; }
.we-are ul li p { font-size: 15px; color: #353535; line-height: 22px; padding: 0; }
.banner .sr-only { top: 14%; }
.testimonials-in ul li h2 { font-size: 20px; left: -10px; top: 5px; }
.testimonials-in ul li { width: 90px; }
.slide ul li h3 { padding: 0 20px; }
.carousel .item { height: 420px; }
.address-uk ul li { font-size: 13px; }
.our-talnent { width: 100%; float: left; padding: 0; }
.product-list { width: 100%; float: left; margin-top: -64px; }
}
 @media(max-width:320px) {
.address-uk ul li { font-size: 12px; }
.col-md-offset-1 { margin: 0 2% 15px; }
}