/*
Theme Name: Elite Cyber Security Theme
Theme URI: http://siteurl.com
Description: The Elite Cyber Security Theme based on the famous Wordpress CMS.
Version: 1.0
Author: Elite Cyber Security
*/

/* normal */
/*Global CSS*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { margin: 0px; padding: 0px; color: #666; font-size: 16px; font-family: 'Montserrat', sans-serif; background: #FFF; }
.clear { height: 0px; overflow: hidden; clear: both; }
p { padding-bottom: 15px; line-height: 24px;color: #fff; font-family: 'Montserrat', sans-serif;}
a { color: #fff; font-family: 'Montserrat', sans-serif;}
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5,h6 { padding-bottom: 5px; font-weight: normal; }
h1 { font-size: 26px;font-family: 'Montserrat', sans-serif; }
h2 { font-size: 24px;font-family: 'Montserrat', sans-serif; }
h3 { font-size: 22px;font-family: 'Montserrat', sans-serif; }
h4 { font-size: 20px; font-family: 'Montserrat', sans-serif;}
h5 { font-size: 18px;font-family: 'Montserrat', sans-serif; }
h6 { font-size: 16px;font-family: 'Montserrat', sans-serif; }
ul, ol { padding: 0px 0px 20px 15px; }
img { max-width: 100%; height: auto; }
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select { padding: 8px 10px; border: 1px solid #c8c3c3; font-size: 16px; outline: none; }
input[type="submit"], input[type="button"] { background: #666; padding: 10px; color: #fff; border: 0; cursor: pointer;  }
.owlslider, .owlslider li { margin: 0; padding: 0; list-style: none; list-style-type: none; }
.pageerror { text-align: center; padding: 150px 0; }

/* Wrapper */
#wrapper { float: left; width: 100%; overflow: hidden; }

/* layout */
#layout { width: 100%; position: relative; }
.wrapper { max-width: 1350px; margin: 0 auto; position: relative; padding: 0 10px; }
	
/* header */
#header{padding: 0px 0; position: relative; z-index: 10; background: #011631;float: left;width: 100%;border-bottom: 1px solid #0EC9AC; }
.fixed { padding-top: 200px; }
.fixed #header { position: fixed; left: 0; top: 0; width: 100%; }
.logo { float: left;width: 20%;padding: 8px 0px;}
	
/* topBar */
.topBar { overflow: hidden; }
.topBar ul { list-style: none; overflow: hidden; float: right; }
.topBar li { padding-left: 5px; float: left; }
.topBar li a { -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.topBar li a:hover img { opacity: 0.8; }

/* menuBar */

.menuBar {float: left;width: 80%;text-align: right; }
.menuBar a.mobilemenu { display: none; }
.menuBar ul { padding: 0px; list-style: none; }
.menuBar li { padding: 40px 11px 40px 75px;position: relative;line-height: 30px;display: inline-block;font-size: 16px;}
.menuBar li a { text-decoration: none; }
.menuBar li a:hover, .menuBar li.active a { color: #333; }
.menuBar ul > li.menu-item-has-children { padding-right: 15px; }
.menuBar ul > li.menu-item-has-children > a { padding-right: 25px; background: url('images/arrow-down.png') right no-repeat; }
.menuBar li ul { position: absolute;left: 0px;top: 100%; width: 320px; background: #fff;border-top: 8px solid #0EC9AC; }
.menuBar li li { padding: 0px; float: none; width: 100%; border: 0px; border-bottom: #CCC solid 1px; }
.menuBar li li.menu-item-has-children > a { background: url('images/arrow-right.png') right no-repeat; }
.menuBar li li a { padding: 10px 20px;display: block;color: #0EC9AC;text-align: left; }
.menuBar li li a:hover { color: #eee; }
.menuBar li li ul { left: 100%; top: 0px; }
.menuBar li ul { display: none; }
.menuBar li:hover ul { display: block; }
.menuBar li:hover li ul { display: none; }
.menuBar li:hover li:hover ul { display: block; }
.menuBar a.close { display: none; }


.menuBar li a {position: relative; padding-bottom: 5px;}
.menuBar li a:hover,.menuBar li a:focus,.menuBar li a:active {cursor: pointer;}
.menuBar li a:hover:after,.menuBar li a:focus:after,.menuBar li a:active:after {width: 100%;}
.menuBar li a:after {content: '';position: absolute;left: 0;bottom: -1px;height: 3px;background-color: #0EC9AC;width: 0;transition: width 0.4s;}
.menuBar li a:hover, .menuBar li.current-menu-item a, header .right .sign-sec li a:hover, .menuBar li.active a, .inner-page header .menuBar li.current-menu-item a{color:#0EC9AC !important;}


	
/* home banner */
#homeBanner {float: left;width: 100%;background: #011631;}
#homeBanner .left{float: left;width: 50%;padding: 100px 0 0;}
#homeBanner .left h2{color: #fff;font-size: 45px;font-weight: 600;}
#homeBanner .left h2 span{color: #0EC9AC;}
#homeBanner .left p{color: #fff;padding-bottom: 60px;}
#homeBanner .left a{color: #fff;background: #0EC9AC;padding: 20px 40px 20px 40px;border-radius: 5px;
letter-spacing: 2px;font-weight: 600;text-transform: uppercase;text-decoration: none;}
#homeBanner .right{float: left;width: 50%;padding-top: 60px;}

.sdi{float: left;width: 100%;background: #011631;padding: 60px 0;}
.sdi .sdi-card{float: left;width: 31.333%;padding: 60px 20px;background: #011936;margin: 1%;border-radius: 10px;}
.sdi .sdi-card img{width: 50px;float: left;}
.sdi .sdi-card h2{color: #fff;font-weight: 600;display: inline-block;padding: 20px 0 20px 15px;}	
.sdi .sdi-card p{min-height: 157px;}

.trust{float: left;width: 100%;background: #011631;padding: 60px 0;}
.trust h2{color: #fff;font-size: 45px;font-weight: 600;text-align: center;}
.trust h2 span{color: #0EC9AC;}
span.typed-cursor{display: none;}

.perfect{float: left;width: 100%;background: #011631;}
.perfect .left{background: url(images/dangerous-virus.jpg)center center no-repeat;
 background-size:cover;float: left;width: 50%;min-height: 950px;border-radius: 10px;}
.perfect .right{float: left;width: 50%;padding: 5% 5% 0% 5%;}
.perfect .right h5{color: #0EC9AC;}
.perfect .right h2{color: #fff;font-weight: 600;font-size: 45px;padding-bottom: 60px;}
.perfect .right p{padding-bottom: 60px;}
.perfect .right a{color: #fff;background: #0EC9AC;padding: 20px 40px 20px 40px;border-radius: 5px;
letter-spacing: 2px;font-weight: 600;text-transform: uppercase;text-decoration: none;margin-top: 30px;display: inline-block;}
.perfect .high{float: left;width: 50%;}
.perfect .high img{width: 50px;}
.perfect .high h3{color: #fff;font-weight: 600;padding: 20px 0;}


.choose{float: left;width: 100%;background: #011631;}
.choose .left{float: left;width: 50%; padding: 5% 5% 0% 5%;}
.choose .left h5{color: #0EC9AC;}
.choose .left h2{color: #fff;font-weight: 600;font-size: 45px;padding-bottom: 60px;}
.choose .left p{padding-bottom: 60px;}
.choose .left ul{padding: 0;}
.choose .left ul li{background: url(images/check-icon.png) left center no-repeat; padding: 8px 40px;margin-bottom: 0;
	background-size: 30px;list-style: none;color: #fff;}
.choose .left a{color: #fff;background: #0EC9AC;padding: 20px 40px 20px 40px;border-radius: 5px;
letter-spacing: 2px;font-weight: 600;text-transform: uppercase;text-decoration: none;margin-top: 30px;display: inline-block;}
.choose .right{background: url(images/cyber-attack.jpg)center center no-repeat;
 background-size:cover;float: left;width: 50%;min-height: 750px;border-radius: 10px;}


.my-count{float: left;width: 100%;background: #011631;padding: 60px 0;}
.my-count .c-card{float: left;width: 25%;text-align: center;background: #011936;padding: 20px;}
.my-count .c-card img{width: 50px;}
.my-count .counter{font-size: 45px;color: #fff;font-weight: 600;padding: 20px 0;}
.my-count p{color: #fff;font-size: 20px;color: #fff;}

.our-service{float: left;width: 100%;background: #011631;padding: 60px 0 120px;}
.our-service h5{color: #0EC9AC;text-align: center;}
.our-service h2{color: #fff;font-weight: 600;font-size: 45px;padding-bottom: 60px;text-align: center;}
.our-service .myser-card{float: left;width: 31.333%;padding: 60px 20px;background: #011936;margin: 1%;border-radius: 10px;text-align: center;}
.our-service .myser-card img{width: 50px;}
.our-service .myser-card h3{color: #fff;padding: 20px 0;font-weight: 600;}
.our-service .myser-card p{min-height:157px;}
.our-service .myser-card a{color: #0EC9AC;text-decoration: none;text-transform: uppercase;letter-spacing: 2px;font-weight: 600;}


.still{float: left;width: 100%;padding: 100px 0;text-align: center;background: url(images/still-bg.jpg)center center no-repeat;
 background-size: cover;background-attachment: fixed;}
.still a{color: #fff;background: #0EC9AC;padding: 20px 40px 20px 40px;border-radius: 5px;letter-spacing: 2px;
font-weight: 600;text-transform: uppercase;text-decoration: none;margin-top: 30px;display: inline-block;}
.still h2{font-size: 40px;color: #fff;font-weight: 600;padding-bottom: 30px;}
.still p{color: #fff;padding: 0 20%;line-height: 30px;}


.our-blog{float: left;width: 100%;padding: 100px 0;background: #011631;}
.our-blog h5{color: #0EC9AC;text-align: center;}
.our-blog h2{color: #fff;font-weight: 600;font-size: 45px;padding-bottom: 60px;text-align: center;}
.our-blog .blog-card{float: left;width: 33.333%;padding: 10px;}
.our-blog .blog-card img{width: 100%;border-radius: 10px;}
.our-blog .blog-card h6{font-size: 16px;font-weight: 600;padding: 10px 0;}
.our-blog .blog-card h3{color: #fff;font-weight: 600;line-height: 30px;padding: 20px 0;}
.our-blog .blog-card a{color: #0EC9AC;text-decoration: none;text-transform: uppercase;letter-spacing: 2px;font-weight: 600;}


/*innerpages*/

.about-content{float: left;width: 100%;padding: 60px 0;background: url(images/about-bg.jpg)center center no-repeat;
 background-size: cover;}
.abt-inner{max-width: 650px;margin: 0 auto;}
.about-content h1{font-size: 40px;color: #fff;text-align: center;font-weight: 600;padding-bottom: 30px;}
.about-content p{color: #fff;text-align: center;line-height: 30px;}


.top-footer{float: left;width: 100%;padding: 100px 0;background: #011631;}
.top-footer .ft-card{float: left;width:25%;padding: 10px;}
.top-footer .ft-card h3{color: #fff;font-weight: 600;padding-bottom: 30px;}
.top-footer .ft-card ul{padding: 0;}
.top-footer .ft-card ul li{list-style: none;line-height: 30px;}
.top-footer .ft-card ul li a{color: #fff;text-decoration: none;}
.top-footer .ft-card ul li a:hover{padding-left:2px;color:#0EC9AC;}

.team{float: left;width: 100%;padding: 60px 0;background: #011631;}
.team h5{color: #0EC9AC;text-align: center;}
.team h2{color: #fff;font-weight: 600;font-size: 45px;padding-bottom: 60px;text-align: center;}
.team .container {float: left;width:33.333%;position: relative;padding: 0px 20px;}
.team .container img{border-radius: 10px;}
.team .image {display: block;width: 100%;height: auto;}
.team .overlay {position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(1, 22, 49, 0.3);overflow: hidden;width: 100%;height: 0;transition: .5s ease;}
.team .container:hover .overlay {height: 100%;}
.team .text {color: white;font-size: 20px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}


.quotes{float: left;width: 100%;padding: 60px 0;background: #011631;}
.quotes h2{padding-bottom: 30px;text-transform: none;font-size: 36px;font-weight: 600;position: relative;text-align: center;color: #fff;}
.quotes h2 span{color: #0EC9AC;}
.quotes p{color: #fff;text-align: center;}
.quotes .field{float: left;width: 50%;padding: 8px 10px;} 
.quotes .field label{color: #fff;}
.quotes .field input{width: 100%;background: transparent;padding: 10px 0;border-radius: 5px;margin-top: 10px;color: #fff;}
.quotes .field.message{width: 100%;}
.quotes .field.message textarea{width: 100%;background: transparent;resize: none;border-radius: 5px;margin-top: 10px;color: #fff;}
.quotes .form-home{max-width: 850px;margin: 0 auto;}
.quotes .field.submit input{background: #045e9b;text-transform: uppercase;font-size: 14px;padding: 10px 0;border-radius: 5px;font-weight: 600;border: 1px solid #fff;display: inline-block;}
.quotes .field.submit input:hover{background: transparent;color: #045e9b;border: 1px solid #045e9b;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{clear: both;padding: 10px 0px;text-align: center;color: #fff;}
div.wpcf7-mail-sent-ng, div.wpcf7-aborted{clear: both;padding: 10px 0px;text-align: center;color: #fff;}
.wpcf7 form.sent .wpcf7-response-output{border-color: #46b450;clear: both;text-align: center; padding: 10px;color: #fff;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{clear: both;text-align: center; padding: 10px;color: #fff;}

.blog-banner{float: left;width: 100%;background: #011631;}
.blog-banner h1{text-align: center;font-size: 45px;font-weight: 600;color: #0EC9AC;padding: 80px 0;}
.blog-banner{float: left;width: 100%;}
.entry p{color: #000;}

.pricontent{float: left;width: 100%;padding: 100px 0;background: #011631;}
.pricontent h3{font-size: 22px;color: #0EC9AC;font-weight: 600;padding: 10px 0 20px;}
.cyber{float: left;width: 100%;border-bottom: 1px solid #0EC9AC;padding: 20px 0;}
.cyber h2{color: #0EC9AC;font-size: 22px;font-weight: 600;padding-bottom: 30px;}
.copyright{float: left;width: 100%;background: #011631;}
.copyright p{color: #0EC9AC;padding: 20px 0;border-top: 1px solid #0EC9AC;text-align: center;}




/* content */

#content { overflow: hidden; width: 100%; }
	
/* left side*/
#lefttPart { float: left; width: 100%;padding: 60px 0; }
#lefttPart h1{color: #0EC9AC;font-weight: 600;padding-bottom: 20px;}
	
		/* copy bar */
		.copyBar { width: 320px; }

	
	
	/* right side */
	#rightPart { float: right; width: 36%;display: none; }
	
		/* sideBar */
		.sideBar .widget { margin-bottom: 20px; }
		.sideBar ul { padding: 0 0 0 0; list-style: none; overflow: hidden; }
		.sideBar li { padding: 8px 0; line-height: 18px; border-top: #ddd solid 1px; }
		.sideBar li:first-child { border: 0px; }
		.sideBar li a { text-decoration: none; }
		.sideBar h3 { padding-bottom: 15px; }

		/* footer */
	
		
	
	/* fullPart */
 	#fullPart { float: left; width: 100%; }
	
	
/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }
/* End Images */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
#commentform input { width: 100%; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; width: auto; float: right; }
.commentlist li,
#commentform input,
#commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite,
.commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a,
#wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

	
		
		/* footer */
		#footer { padding: 20px 0; overflow: hidden; border-top: #999 solid 1px; } 
		#footer p { float: left; }
		#footer span { float: right; }


/* Responsive Css Start */	

@media only screen and (max-width: 1280px) {
.our-service .myser-card p{min-height:160px;}	
}


@media only screen and (max-width: 1120px) {
.wrapper{max-width: 97%;}	
.menuBar li{padding: 26px 11px 26px 60px;}	
#homeBanner .left h2{font-size: 35px;}
.sdi .sdi-card h2{font-size: 18px;}
.sdi .sdi-card p{min-height: 235px;}
.trust h2{font-size: 35px;}
.perfect .right h2{font-size: 35px;}
.perfect .right{padding: 0% 5% 0% 5%;}
.choose .left h2{font-size: 35px;padding-bottom: 30px;}
.choose .left p{padding-bottom: 30px;}
.my-count p{font-size: 16px;}
.our-service h2{font-size: 35px;}
.our-service .myser-card p{min-height: 210px;}
.still h2{font-size: 35px;}
.our-blog h2{font-size: 35px;}
.our-blog .blog-card h3{font-size: 18px;}

.team h2{font-size: 35px;}

}


@media only screen and (max-width: 1020px) {

.menuBar li{padding: 20px 11px 20px 26px;}
#homeBanner .left{padding: 60px 0 0;}
#homeBanner .left h2{font-size: 25px;}
#homeBanner .left a{padding: 15px 30px 15px 30px;font-size: 15px;}
.sdi .sdi-card{width: 48%;}	
.sdi .sdi-card p{min-height: 190px;}
.trust h2{font-size: 25px;}
.perfect .left{width: 100%;}
.perfect .right{width: 100%;padding: 5% 5% 5% 5%;}
.perfect .right h2{font-size: 25px;padding-bottom: 30px;}
.choose .left h2{font-size: 25px;padding-bottom: 30px;}
.our-service h2{font-size: 25px;}
.still h2{font-size: 25px;}
.our-blog h2{font-size: 25px;}
.choose .left{width: 100%;padding: 5% 5% 5% 5%;}
.choose .right{width: 100%;}
.my-count .c-card{width: 50%;}
.our-service .myser-card{width: 48%;}
.still p{padding: 0;}
.our-blog .blog-card{width: 50%;}
.top-footer .ft-card{width: 50%;}
.team .container{padding: 10px 10px;width: 50%;}
.perfect .left{min-height: 450px;}

	
}
		
@media only screen and (max-width: 767px) {
	
	#header { padding-top: 0; }
	#header a.mobilemenu { padding: 0 65px 0 0; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; display: block; text-decoration: none; font-weight: bold; position: absolute; left: 0px; top: 0px; line-height: 40px; text-transform: uppercase; text-align: right; color: #333; font-size: 0px;}
	#header a.mobilemenu:before, #header a.mobilemenu:after, #header a.mobilemenu span { width: 35px; height: 3px; display: block; position: absolute; right: 15px; top: 10px; content: ""; background: #0EC9AC; }
	#header a.mobilemenu:after { top: auto; bottom: 10px; }
	#header a.mobilemenu span { top: 18px; }
	.mm-opened a.close { display: block; }
	.menuBar a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 20px; top: 9px; z-index: 8888; }
	.menuBar a.close:before, .menuBar a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 0px; top: 10px; content: ""; background: #21344d; -webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);display: none; }
	.menuBar a.close:after { -webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
	
	.menuBar { padding: 0px; }
	.menuBar ul { display: none; position: absolute; left: 0px; top: 42px; z-index: 10; width: 100%; background: #aaa; }
	.menuBar li { padding: 0px; float: none; border: 0px; }
	.menuBar li a { padding: 5px 15px; display: block; border-bottom: #FFF solid 1px; }
	.menuBar li a:hover, .menuBar li.active a { background: #999; }
	.menuBar ul > li.dropdown { padding-right: 0px; }
	.menuBar ul > li.dropdown > a { padding-right: 0px; background: url('../images/arrow-down.png') 95% center no-repeat; }
	.menuBar ul > li.dropdown > a:hover, .menuBar ul > li.dropdown.active > a { padding-right: 0px; background: #999 url('../images/arrow-down.png') 95% center no-repeat; }
	.menuBar li ul { position: static; left: 0px; top: 0px; width: 100%; }
	.menuBar li:hover ul { display: none; }
	.menuBar li li { border: 0px; }
	.menuBar li li a { padding-left: 40px; }
	.menuBar li li li a { padding-left: 60px; }
	
	#lefttPart { width: 100%; float: left; margin-bottom: 20px; }
	#rightPart { width: 100%; float: left; }
	.logo { max-width: 200px; }
	.logo img { max-width: 100%; height: auto; }
	
	.logo { max-width: 200px; margin: 30px auto 0; float: none; }	
	.topBar ul { padding: 0px; padding-top: 20px; text-align: center; float: none; }
	.topBar ul li { display: inline; float: none; }
	
	#footer { text-align: center; }
	#footer p, #footer span { float: none; }


	/*update*/

	.logo{width: 100%;}
	.sdi .sdi-card p{min-height: 240px;}
		
}


 
@media only screen and (min-width: 768px) {
	
	.mm-menu.mm-current { display: none !important; }
	html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
	html.mm-opened { overflow: visible !important; }
	html.mm-opened body { overflow: visible !important; }
	#mm-blocker { display: none !important; }
	
}


@media only screen and (max-width: 639px) {
	
	#homeBanner a.flex-prev, #homeBanner a.flex-next { display: none; }
	
}

@media only screen and (max-width: 600px) {
#homeBanner .left{width: 100%;}	
.logo{width: 50%;margin: 15px auto 0;}	
#homeBanner .left h2{font-size: 20px;}
#homeBanner .right{width: 100%;}
.sdi .sdi-card{width: 100%;}
.sdi .sdi-card p{min-height: 140px;}
.perfect .high{width: 100%;}
.perfect .right a{padding: 15px 30px 15px 30px;font-size: 15px;}
.perfect .left{min-height: 210px;}
.choose .right{min-height: 210px;}
.perfect .right p{padding-bottom: 0;}
.choose .left a{padding: 15px 30px 15px 30px;font-size: 15px;}
.choose .left ul li{background-size: 20px;}
.my-count .c-card{width: 100%;}
.our-service .myser-card{width: 100%;}
.still a{padding: 15px 30px 15px 30px;font-size: 15px;}
.our-blog .blog-card{width: 100%;}
.top-footer .ft-card{width: 100%;}
.copyright p{font-size: 12px;}
.our-blog{padding: 30px 0 0;}
.team h2{font-size: 25px;}	
.team .container{width: 100%;padding: 10px 0;}
.quotes .field{width: 100%;}
}