/*

Theme Name: Visio Spark

Theme URI: http://www.visiospark.com

Author: the Visio Spark team

*/

@charset "utf-8";

/* CSS Document */



@font-face {

	font-family: 'MuseoSans';

	src:url(fonts/museosans-500.otf);

}


@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,  abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:300; font-style:inherit;font-size:16px; font-family:MuseoSans;  vertical-align:baseline; line-height: 26px;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-size: inherit;
    color: inherit;
}

a{outline:none;text-decoration:none;font-size:16px; color:#00b698;}



a:hover{color:#103140;}

ol,ul, li, p{margin:0;padding:0; font-size:16px; color:#999; font-weight:300; list-style-position: inside;}


ol,ul { padding-bottom:18px;}

p{font-family: MuseoSans; font-size:16px; color:#999 ; line-height:26px; padding-bottom:18px; font-weight:300;}



h1{font-family:MuseoSans; color:#00b698;font-size:14px; line-height:18px; padding-bottom:8px; line-height:1;}



h2{font-family:MuseoSans; color:#00b698;font-size:12px; font-style:italic; line-height:12px; padding:20px 0; line-height:1;}



h3{font-family:MuseoSans ; color:#00b698;font-size:32px; font-weight:bold; line-height:14px; padding:30px 0; line-height:1; font-weight:500; }



h4{font-family:MuseoSans; color:#00b698;font-size:20px; line-height:16px; padding-bottom:15px; line-height:1;}



h5{font-family:MuseoSans; color:#00b698;font-size:11px; line-height:13px; padding-bottom:10px; line-height:1;}



h6{font-family:MuseoSans; color:#00b698;font-size:12px; line-height:16px; padding-bottom:3px; line-height:1;}



textarea:focus, input:focus{   outline: none;}

hr{float:left; width:40%; margin:2% 60% 3% 0%; border:none; border-bottom: 1px solid #898888;}



 /*responsive image*/

img {max-width: 100%;height: auto;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
select {
    width: 100%;
    padding: 10px 1%;
    font-size: 20px;
}



.clearfix:after, .container:after {content:"\000";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

.clearfix, .container {display:block;}

.container {width:100%;margin:0 auto;max-width: 100%;}



body{padding:0;margin:0; font-family:MuseoSans; font-size:14px; color:#999; line-height:18px;}



/*End Resets*/





.main-wrapper{width:100%; overflow:hidden; box-sizing:border-box;}

/*Header Wrapper css*/

.header-wrapper{ width:100%; height:auto; float:left;}

.top-bar{ width:97.5%; float:left; background:#010d16; padding:0px 20px 15px;}

.top-bar a{ color:#fff; text-decoration:none; font-size:17px; font-family:MuseoSans; float:left;}

.top-bar a:hover{ color:#00b698;}

.top-bar-left{ width:70%; float:left; padding-top:16px; }

.top-bar-left-section{ width:30%; float:left; height:100%; margin-left:2%;}

.top-bar-left-section img{ float:left;}

.call-text{ float:left; padding:10px 0 0 15px; font-size:17px; color:#fff;}

.top-bar-right{  float:right; text-align:right; padding-top:29px; }
.top-bar-right a:first-child img { margin-left: 0;}

.top-bar-right img{ margin-left:7px;}

.top-bar-right img:hover{ opacity:0.5;}

.nav-wrapper{ width:98%;  padding: 50px 1% 0 1%; float:left;}

.logo-wrapper{ margin-top:8px; float:left;}

/* Menu Bar */

.menu-bar{ min-width:55%; float:left; padding-left:100px;  }
.menu-bar.responsive {  display: none;}
.get-quote{ width:auto; margin-top:6px; float:left; text-align:right; margin-left: 10px;} 
.get-quote:hover img { opacity:0.5;}

#cboxLoadedContent .contact-us {  margin: auto; float: none;}

#cboxLoadedContent  .comment-form input[type="submit"] { margin-top:0;}

 .main-menu-items{ width:auto; height:auto; padding-left:8px; padding-top:31px; list-style-type:none; display:inline-block;}




.menu-bar li    {
    display: block;
    float: left;
    line-height: 2px !importanbt; /* this should be the same as your #main-nav height */
    margin-left: 10px; padding: 0; /* only needed if you don't have a reset */
    position: relative; /* this is needed in order to position sub menus */
}
.menu-bar li a  {
   text-decoration:none; color:#fff; font-size:12px; text-transform:uppercase; font-family: MuseoSans; font-weight:600; padding:15px; display:block; line-height:0px;
}
.menu-bar ul li:hover > a, .menu-bar ul li.current-menu-ancestor > a, .menu-bar ul li.current-menu-item a{ background-color:#fff; color:#00b698; border-radius:4px;    }
.menu-bar ul li.current-menu-item a, .menu-bar ul li.current_page_item a,  .menu-bar ul li a:hover, {
    background-color:#fff ; color:#00b698; border-radius:4px ;    
}

.menu-bar ul { padding-bottom:0;}

.menu-bar ul ul { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    top: 28px; /* this should be the same height as the top level menu -- height + padding + borders */
	background:#fff;
	border-radius:0px;
	z-index:200000000;
}
.menu-bar ul ul li { /* this targets all submenu items */
    float: none; /* overwriting our float up above */
    width: 150px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
	margin-left:0; line-height: normal;
}
.menu-bar ul ul li a { /* target all sub menu item links */
   color: #00b698;/* give our sub menu links a nice button feel */
   line-height:1;
}
.menu-bar ul ul li.current-menu-item a, .menu-bar ul ul li.current_page_item a, .menu-bar ul ul li a:hover {
    background-color:#000 ; color:#fff ; border-radius:0px ;
}


.menu-bar ul ul li:hover > a, .menu-bar ul ul li.current-menu-ancestor a { background:#000; color:#fff;   border-radius:0px; }
.menu-bar ul ul ul li a { background:#000; color:#fff; border-radius:0px !important;}
.menu-bar ul ul .current-menu-item li a  { background-color:#000; color:#fff; border-radius:0px;}
.menu-bar ul ul ul li:hover > a, .menu-bar ul ul ul li.current-menu-ancestor > a, .menu-bar ul ul ul li.current-menu-item a { background-color:#fff; color:#00b698; border-radius:0px;}
.menu-bar ul ul ul.current-menu-item a, .menu-bar ul ul ul li.current_page_item a, .menu-bar ul ul ul li a:hover {
    background-color:; color:#00b698; border-radius:0px;
}

.menu-bar li:hover > ul {
    display: block; /* show sub menus when hovering over a parent */
}

.menu-bar ul ul li ul {
    /* target all second, third, and deeper level sub menus */
    left: 150px; /* this needs to match the sub menu width set above -- width + padding + borders */
    top: 0; /* this ensures the sub menu starts in line with its parent item */
}

/* Menu Bar End*/

.slider-wrapper{ width:100%; background:#00b698; float:left;}

.slider-wrapper.page{ height:300px; text-align:center; background-size:100%; background-size:cover;}

.slider-wrapper.page h1 { color:#fff; font-size:32px; font-weight:500;}

.slider-wrapper.page .portfolio-banner { background: #fff;}

.header-text{position: relative; top: 134px; z-index: 20; text-transform:uppercase;}

.sleder-text {  position: absolute; text-align: center; width: 100%; top: 30%; }

.sleder-text h3 { color:#fff; text-transform:uppercase; font-weight:500; }

.page .nav-wrapper { background:#00b698;}


.page-test .main-menu-items li a { color:#999;}

.page-test .main-menu-items li a:hover { background-color:#00b698; color:#fff; border-radius:20px; }

.page-test .nav-wrapper { padding: 0px 20px;  height: 100px; background:#fff;}

.page-test .nav-wrapper .logo-wrapper { margin-top:15px;}

.page-test .main-menu-items { padding-top:44px;}

.page-test .get-quote { margin-top:12px;}

.page-test .top-bar-right { padding-top:40px;}







.page .nav-wrapper { padding: 0px 1%;  height: 100px;}

.page .nav-wrapper .logo-wrapper { margin-top:15px;}

.page .main-menu-items { padding-top:39px;}

.page .get-quote { margin-top:12px;}

.page .top-bar-right { padding-top:34px;}

/*Header Wrapper ends*/

/*Body Wrapper Css*/

.body-wrapper{ width:100%;  float:left;}

.content-wprapper{ width:100%; padding:45px 1% 0 1%; float:left; box-sizing:border-box;}

.about{ text-align:center; background:#ffffff;}

.heading{ font-size:34px; font-family: MuseoSans; color:#26bba0; font-weight:500; line-height:1;}

.content-box{ width:100%; float:left; padding-top:35px;}

.about-sections{ width:20%; margin-left:6.5%; float:left; text-align:center;}

.about-sections:nth-child(1){ margin-left:0;}

.icon-image{ width:100% ; text-align:center; float:left;}
.tools .icon-image {    width: 100%;}


.home-about .icon-image img { width: 50%;}

.testimonial .icon-image img { width: auto;}

.about-sections h3{ font-size:32px; color:#26bba0; font-family: MuseoSans; font-weight:300;}

.read-more{ background:#00b698; padding:10px 10px 8px 10px ; font-size:13px; border-radius:4px; border:1px solid #00b698; }

.read-more a { color:#fff; text-decoration:none;}
.read-more:hover{ background:#fff; cursor:pointer;   transition: ease .3s;}
.read-more:hover a{color:#00b698;}

.content-wrapper.services{ text-align:left; background:#00b698; padding:35px 1% 43px 1%; float:left; margin-top:30px; width:98%;}

.services .content-box{ width:50%; float:left; padding-top:0;}

.services .content-box h3{ font-size:32px; font-weight:500; color:#056757; padding-top:10px;}

.services .content-box p{ color:#fff; }

.content-wrapper.services li { color: #fff; list-style-position: inside;}

.services-image{ width:50%; float:left; text-align:right; padding:12px 0 0px;}

.content-wrapper.ourwork{ text-align:center; background:#021f2c; padding:40px 1% 10px 1%; float:left; width:98%;}

.content-wrapper.ourwork h3{ font-size:32px; font-weight:500; padding-top:5px; color:#fff; font-family:MuseoSans; text-transform:uppercase;}

.content-wrapper.ourwork p{color:#fff;}

.portfolio-slider{ padding-top:12px; padding-bottom:40px;}

a.slidesjs-previous.slidesjs-navigation {    float: left;  position: relative; left:150px;  top: 280px; z-index:999;}
a.slidesjs-next.slidesjs-navigation { float: right;  position: relative;  top: 280px; right:150px; z-index:999;}
.slidesjs-container { height: 600px !important;}
.icon-chevron-right:before {content: url(images/arrow-right.png) !important;}
.icon-chevron-left:before {    content: url(images/sarrow-left.png)  !important;}
.content-wrapper.testimonial{ text-align:center; background:#f2f2f2; padding:15px 1% 50px 1%; float:left; width:98%;}

.content-wrapper.testimonial h3:nth-child(1){ font-size:34px; color:#00b698; font-family:MuseoSans; font-weight:500; padding-bottom:10px;}

.testimonial .about-sections h3{ font-size:32px; color:#00b698; font-weight:500; text-transform:capitalize; padding-top:20px; }

.testimonial .about-sections:first-child { margin-left: 0;}

.testimonial .about-sections{ background:#fff; padding:10px 0 0 0; width:24%; margin-left:1.3%;}

.testimonial .about-sections p{ padding:0 55px 35px 55px; display:inline; float:left; min-height:226px;}

.testimonial .about-sections p:before{ content:open-quote; font-size:40px; color:#00b698;}

.testimonial .about-sections p:after{ content:close-quote; font-size:40px; color:#00b698;}

.testimonial .about-sections .icon-image { background:#00b698; width:100%; padding-bottom:30px;}

.client-image{ padding-top:30px;}

.content-wrapper.contactus{ width:98%; text-align:center; background:#fff; padding:15px 1% 52px 1%; float:left;  }

.content-wrapper.contactus h3 { padding-bottom:5px;}

.contactus h3, .content-wrapper.wework h3, .content-wrapper.team h3,.content-wrapper.vision h3,
.content-wrapper.approach h3, .content-wrapper.pricing h3,
.content-wrapper.seo-offers h3, .content-wrapper.trending h3, 
.content-wprapper.faq-about h3{ font-size:32px; color:#00b698; font-family:MuseoSans;font-weight:500; text-transform:uppercase; }

#howwework h3, #howwework p {color:white;}

.contact-sections:nth-child(1){ float:left; padding-left:0px; font-size:32px; font-weight:500;}

.contact-sections{ float:left; margin:0 auto;  width:20%;}

.contact-sections h4{ font-size:31px; color:#056757;}

.contact-sections p{ font-size:16px;}

.contactus-wrapper .button-readmore { padding-top: 50px !important; float: left; width: 100%;}

.content-wrapper.footer{ width:100%; background:#010406; float:left; }
.content-wrapper.footer li { list-style:none;}

.footer-left{ width:20%; float:left; background:#010406; padding:70px 0 30px 20px;  }

.footer-logo {  float:left; width:92%; }

.footer-social-icons{ float:left; width:92%; margin-top:70px;}

.footer-social-icons a:hover{opacity:0.5;}

.footer-center{ width:68.5%; float:left; background:#021f2c; padding:83px 0; }

.footer-right{ width:10%; float:left; text-align:center; margin-top:100px; padding:70px 0;}

.footer-left h4{ color:#00b698; font-size:17px; padding-bottom:0px; margin-bottom: 17px;}

.footer-sections h4, .footer-section-one h4{ color:#00b698; font-size:17px;  text-decoration:underline;}

.footer-center .arrow{ width:12%; float:left; padding-top:110px;}

.footer-section-one{ width:35%; float:left; margin-top:10px; }

.footer-sections{ width:16%; float:left;  padding-left:1px; margin-top:10px; margin-left:70px;}

.content-wrapper.footer p{ font-size:16px; color:#fff;}

.footer-sections li {text-decoration:none; line-height:2; padding-bottom: 2px;}

.footer-sections li a{ color:#fff; font-family:MuseoSans;}

.footer-sections li a:hover, .footer-sections .current-menu-item a{ color:#00b698; }
/*////////////////////////////////////////////////////About Us template/////////////////////////////////////////////////////////////*/

.about.about-us{ text-align:left; padding-top:0;}

.about.about-us h3, .wework h3 {  padding: 7px 0 60px;}

.vision h3 {  padding: 20px 0 0}

.team h3 {  padding: 15px 0 62px;}

.about.about-us .content-box{ padding-top:20px; padding-bottom:24px;}

.about-us .heading-img, .vision .heading-img{ top:43px;}

.wework .heading-img{ top:40px;}

.gallery-wrapper { padding-top: 26px; float: left; width: 100%; text-align:center}

.gallery-wrapper img { margin-top: 0px; text-align:center; display:inline-block; margin-left:-4px; padding:0; vertical-align:top;}

.content-wrapper.wework{ background:#00b698; text-align:left;  padding:0; float:left; width:100%; }

.content-wrapper.wework p, .content-wrapper.wework h3, .content-wrapper.wework h4, .content-wrapper.wework li { color:#fff; }
.content-wrapper.wework li {font-size:16px; list-style-type: circle; padding-left: 20px; list-style-position: inside;}

.content-wrapper.wework .content-box{  float:left; padding:0px 1% 52px 1%; width: 98%;}

.wework .button-readmore { margin-top:50px;}

.content-wrapper.team{ text-align:left; background:#06030b; padding:0px 1% 35px 1%; float:left;  width: 98%;}
.content-wrapper.team p {color:#fff;}
.team  .content-box{ padding-top:3px;}

.team .icon-image img { width:auto;}

.team .about-sections h3{ font-size:22px; font-weight:500; color:#00b698; font-weight:500; text-transform:uppercase; margin-bottom: 15px;  }

.team .about-sections h4{font-size:18px; color:#fff; margin-bottom: 15px;}

.team .about-sections{  padding:10px 0 0 0; width:31.5%; margin:1%; min-height:227px;}

.team .about-sections:nth-child(3n+1) { margin-left:0;}

.team .about-sections p{ padding:0 55px 35px 55px; display:inline; float:left;}

.team .about-sections p:before{ content:open-quote; font-size:40px; color:#00b698;}

.team .about-sections p:after{ content:close-quote; font-size:40px; color:#00b698;}

.team	 .about-sections .icon-image { width:40%; padding:0px 0; text-align:left; padding-left:20px; float:left;}

.team .team-img { width:50%; float:left;}

.line { background: #e5e5e5 none repeat scroll 0 0; padding:0 300px ; float:left; height:3px; margin-left: 24%;}

.line-separator { padding-top: 50px !important; float: left; width: 100%;}

.content-wrapper.vision{ width: 98%; text-align:center; background:#fff; padding:45px 1% 35px 1%; float:left; }

.wework .read-more { background:#103140;}

.wework .read-more:hover { background: #fff; cursor: pointer; transition: ease .3s;}

/*////////////////////////////////////////////////////Services template/////////////////////////////////////////////////////////////*/

.services-about h4{font-size:30px; color:#1f87b5; margin-bottom: 35px; text-transform:capitalize;}

.service-about h4{font-size:30px; margin-bottom: 0px; text-transform:capitalize;}

.content-wprapper.service-about.about { padding-top:3px; padding-bottom:27px; text-align:left;}
.content-wprapper.service-about.about .content-box { padding-top:0px;}
.content-wprapper.service-about.about h3 { padding: 20px 0 50px; text-align:center;}

.content-wrapper.approach{  background:#f4f8f9; text-align:center;  padding:0px 0px 25px ; float:left; width:100%; }

.approach-animation { background-image:url(images/approach-backline.png); background-repeat:no-repeat; background-position:40% 40%; width:60%; margin:0 auto; text-align:center; height:160px;}

.approach-sections { width:16.5%; float:left; text-align:center; margin-top:25px;}

.approach-sections h3{ font-size:25px !important; padding-bottom:0; padding-top:15px; text-transform:capitalize !important; font-weight:500 !important;}

.content-wrapper.approach .content-box{ float:left; padding:15px 1% ; width:98%; }

.content-wrapper.team.portfolio { text-align: center; padding:30px 1% 0px 1%;}

.content-wrapper.team.portfolio h3{padding: 15px 0 44px;}

.content-wrapper.team.portfolio .content-box{ padding-top:35px; padding-bottom:50px;}

.approach-left { width: 59.5%; text-align: left; float: left;}

.approach-right{ width:40%; float:left; margin-left:5px; padding-top:14px;}

.approach-left h3 { padding-top: 19px;}

.portfolio h4{ padding-bottom:0;}

.portfolio .content-box{ padding-bottom:70px; border-bottom:3px solid #e5e5e5; text-align:center;}

.content-wrapper.pricing{ width: 98%;  background:#fff; padding:15px 1% 35px 1%; float:left; text-align:center; }

.content-wrapper.pricing .content-box{ padding:15px 0; text-align:center;}

.content-wrapper.pricing .about-sections:first-child{ margin-left:0; margin-top:0;} 

.content-wrapper.pricing .about-sections { width:23.5%; margin-left:2%;}

.section-top{ background:#103140; height:30%; padding:5%; }

.section-down{ background:#e5e5e5; height:60%; padding:5% 20%;}

.section-top h3 { color:#fff !important; font-size:32px !important; padding-bottom:25px; font-weight:500;}

.section-top p{ color:#fff;}

.dollar{ vertical-align:top; font-size:37px;}

.price{ font-size:100px;}
.gw-go-col.gw-go-clean-style4 .gw-go-btn {  border:1px solid #00b57f !important;}

.gw-go-col.gw-go-clean-style4 .gw-go-btn:hover { background-color:#fff !important; color:#00b57f !important; transition: ease .3s;}

.permin{ vertical-align:bottom; font-size:37px;}

a.ordernow { padding: 6px 25px; background: #ffffff; font-size:25px;}

.section-down li{ line-height: 2; border-bottom: 3px solid #ccc;}

.section-down li:last-child{  border-bottom: 0px solid #ccc;}

.about-sections:nth-child(even) .section-top { background: #00b698;}

.about-sections:nth-child(even) .section-down {box-shadow: 0 4px 4px -2px #000;}
.content-wprapper.service-other.portfolio-data .content-box { padding-bottom: 0;}
/*////////////////////////////////////////////////Other Services//////////////////////////////////////////////////////*/

.menu-tabs{ width:100%; padding:0px 0;}

.menu-tabs li{ display:inline-block; }

.content-wprapper.services-about.about { padding-top:3px;}

.menu-tabs a{ text-transform:uppercase; padding:19px 20px; border:1px solid #999; line-height:5;}

.menu-tabs a:hover, .selected{ background:#00b698;  color:#fff;     transition: ease .3s;}
.menu-tabs a.activetabs {background:#00b698; color:#fff; }
.content-wrapper.seo-offers{ width: 98%; text-align:left; background:#fff; padding:0px 1% 35px 1%; float:left; }

.content-wrapper.seo-offers .content-box { padding-top:5px;}

.content-wrapper.service-other{ width: 100%; text-align:left; box-sizing:border-box; background:#fff; padding:0px 1% 35px 1%; float:left; }

.content-wrapper.service-other .content-box { padding-top:5px; padding-bottom:0;}

.service-other h3{ font-size:32px; font-weight:500px; color:#00b698; }

.service-other .content-box{ padding-bottom:100px;}

.other-services-menu{ width:100%; float:left; text-align:center; background:#103140; padding:25px 0 8px;}

.other-services-menu li { display:inline; padding:10px 0;  }

.other-services-menu li a { border-right:1px solid #fff; padding:0 20px; font-size:14px; color:#fff; text-transform:uppercase;}

.other-services-menu li a:hover{ color:#00b698;}

.other-services-menu li:last-child a{ border-right:0;}

.seo-offers .about-sections{ width:50%; background:#fff; float:left; margin: 50px 0 0 0; }

.seo-offers h3:first-child { display:table; padding-bottom:15px; border-bottom: 3px solid #ccc; font-size:32px; font-weight:500;}

.about-sections-left{ width:48%; float:left; border-right:3px solid #00b698;}

.about-sections-right{ width:48%; float:left;  border-right:3px solid #ccc;  }

.seo-offers .about-sections:nth-child(3) .about-sections-right, .seo-offers .about-sections:nth-child(6) .about-sections-right{ border:0;}

.seo-offers .about-sections h3{ padding:0; margin:0 0 13px 0; font-size:32px; font-weight:500;}

.learnmore-wrapper{ width:30%; float:left; padding:50px 0 0; margin:0 33%; }

.seo-offers .about-sections:nth-child(5) .learnmore-wrapper, .seo-offers .about-sections:nth-child(6) .learnmore-wrapper{ border-bottom:0;}

a.learn-more { padding: 6px 25px; background: #00b698; font-size:16px; border-radius:50px; color:#fff;}

.img-section { text-align:center; width:100%; float:left; }

.img-section .learnmore-wrapper{ margin:0 0; padding:0; width:20%; margin-left:9%; border-bottom: 3px solid #ccc;}

.img-section .learnmore-wrapper:nth-child(2){ border:0; }

.img-section .learnmore-wrapper:nth-child(odd){ margin-top: 116px;}

/*////////////////////////////////////////////////Blog Template//////////////////////////////////////////////////////*/

.blog-about { padding-top:3px;}

.blog-about .menu-tabs{ width:70%; float:left;}

.blog-about .menu-tabs ul{ display:table;}

.search-box { float:left; padding:5px 0px; border:1px solid; width:29.5%; margin-top:12px;}

.search{padding: 10px 50px 10px 10px; border: 0; width:73%; font-size:16px; font-weight:300; }
.blog-sidebar .subbutton{ left:20px;}

.subbutton{  border:0 !important; background:none !important; background:url(images/searcg-icon.png) no-repeat !important; width: 20px !important; float:right; position:relative; right:10px; cursor:pointer; top:12px;}

.content-wrapper.trending{ width:98%; text-align:left; background:#fff; padding:8px 1% ; float:left;  }

.content-wrapper.trending .content-box { padding-top:15px;}

.content-wrapper.trending:last-child{padding:10px 1% 50px 1%; }

.heading-img { position:relative; top:25px; padding-right:10px;}

.content-wrapper.trending h3{  display:table; font-size:32px; font-weight:500; }

.content-wrapper.trending .about-sections{ width:18%; background:#00B698; float:left; padding:30px 30px 25px; text-align:left; margin-left:1.3%;}

.content-wrapper.trending .about-sections:nth-child(4n+1) { margin-left:0;}

.trending .about-sections h3 {white-space:normal; word-wrap:break-word; line-height:1; font-size:21px; font-weight:500; color:#021F2C; margin-bottom: 13px;
padding-bottom: 15px; border-bottom: 1px solid #021F2C;}

.trending .about-sections p {  color:#fff;}
.trending.blog-page .about-sections { min-height:500px;}

.read-now{ font-size:18px; text-decoration:underline; color:#021F2C}

.read-now:hover{  color:#000}

/*////////////////////////////////////////////////Blog Detail Template//////////////////////////////////////////////////////*/

.content-wrapper.trending.blog-detail{ width:70%; text-align:left; background:#fff; padding:0px 1% 0px 1%; float:left;  }

.body-wrapper.blog-detail-page { margin: 50px 0 7px;}

.content-wrapper.trending.blog-detail h3{ margin-bottom:20px; text-align:left; width:100%;}

.publish-detail{ font-size:20px; padding-bottom:35px; }

.pub-head{ color:#278fbe;}

.blog-sidebar .widget-title h3{ color:#fff;}
.textwidget h3{ font-size:24px;}
.textwidget{ float:left; width:100%;}
.blog-sidebar .search-box { padding:5px 0; width:100%; margin-top:5px; box-sizing:border-box;}

.blog-detail .content-box{ padding:40px 0 25px; border-bottom:2px solid #ccc; }

.blog-detail .content-box:last-child{ border-bottom:0; }

.blog-detail .content-box.comments{ border-bottom:none; padding-top:45px;}

.blog-detail pre {    margin: 5px;
    padding: 10px;
    max-height: 300px;
    overflow: auto;
    background-color: #f8f8f8;
    margin-bottom: 10px;
}
.blog-detail hr {width: 100%} 
.content-box.comment-form h3 { padding-top:5px;}

.comment-box { float:left; width:100%; margin-top:30px; border-bottom:1px solid #ccc; padding-bottom:20px;}

.comment-author.vcard { width:22%; float:left;}


.comment {margin-top: 10px; float: left; clear: both; width: 100%;}

.fn { padding-left: 14px;}
.fn, .says{ color:#00b698; font-size:20px; padding-bottom:0; /*vertical-align:top;*/ font-style: normal;}

.comment-publish{ color:#00b698; font-size:14px; padding-bottom:8px;}

.comment-text{ font-size:16px;}

.comment-form h3{ text-transform:none; color:#999999;}

.content-box.comment-form h3 { text-transform:none;}

.input_name_email, .comment-form-author { width: 48%;  float: left;  padding:0;}
.input_name_email2, .comment-form-email { width: 48%;  float: left; margin-left: 4%; padding:0px 0;}

.content-box.comment-form input[type="text"],input[type="email"], textarea { width:100%; padding:10px 10px; font-size:20px; box-sizing:border-box;}

.content-box.comment-form label { font-size: 17px; float:left; padding:20px 0;}




.comment-form input[type="submit"]{ margin-top:30px; padding:12px 30px; background:#00b698; border:0; color:#fff; cursor:pointer; border-radius:4px; border:1px solid #00b698;}

.comment-form input[type="submit"]:hover { background:#fff; transition: ease .3s; color:#00b698;}
.blog-sidebar{ float:left; width:22%;  margin-bottom:50px; margin-left:5%;}
.blog-sidebar:first-child{ margin-top:0;}

.widget-wrapper{ width:89.3%; float:left; margin-top:44px; padding:0 5% 5%; border: 1px solid #ccc; text-align:left;}

.widget-wrapper .searchform { width:100%;float:left;  border:1px solid #00b698;}
.widget-wrapper .searchform input[type="submit"] { margin-top:0;}
.widget-wrapper:first-child{ margin-top:0;}

.widget-title{ width:100%; float:left; text-align:center; background:#103140; margin-bottom:20px;}

.widget-wrapper.search-area { padding:0 0; width:99%;}


.widget-title h3 { color:#fff; font-size:28px; font-weight:500; line-height:1; padding:15px 0;}

.widget-wrapper.newsletter{ background:#00b698;}

.widget-wrapper p{ font-size:16px; color:inherit; line-height:1.3;}

.widget-wrapper input[type="submit"]{ width:100%; border-radius:0; margin-top:10px; padding:12px 30px; background:#00b698;  font-size:20px; color:#fff; cursor:pointer; border: 1px solid #00b698;}

.widget-wrapper input[type="submit"]:hover { background:#fff; color:#00b698; transition: ease .3s;  }

.widget-wrapper input[type="text"],  .widget-wrapper textarea{ width:100%; padding:12px 50px 15px 10px; box-sizing:border-box;}

.widget-wrapper li, .widget-wrapper li p{ color:#00b698; font-size:14px;}

.widget-wrapper li { border-bottom: 1px solid #ccc; float:left; padding:20px 0;}

.widget-wrapper li:last-child{ border:0;}

.r-post-img{ width:40%; float:left;}

.r-post-detail {  width:60%; float:left;}

/*////////////////////////////////////////////////Careers Template//////////////////////////////////////////////////////*/

.career-head h2{ font-size:37px; color:#fff;}

.other-services-menu.career-head { padding: 0;}

.content-wrapper.careers{ width:98%; text-align:left; background:#fff; padding:0px 1% 50px 1%; float:left;  }

.careers-row { width:100%; float:left;}

.content-wrapper.careers .about-sections{ width:46.7%; background:#f4f4f4; float:left;  text-align:center; margin-top:40px;}

.careers .about-sections:nth-child(odd){ margin-left:0;}

.careers .about-sections h3 {white-space:normal; word-wrap:break-word; text-align:center; line-height:1; font-size:32px; font-weight:500; background:#00b698; margin:0; padding:10px; color:#fff;}

.careers-heading-img { padding: 10px 0;}

.careers .about-sections p{ font-size:16px; padding:10px 1.5%;}

.careers .about-sections p strong{ color:#00b698;}

.accordian-icon{ width:100%; text-align:right;}

.hidden-detail{ padding:0 30px 20px; text-align:left;}
img.sendcv-img { position: relative; top: 2px;}

/*////////////////////////////////////////////////Contact us Template//////////////////////////////////////////////////////*/

.blog-sidebar.contact-sidebar .widget-data{ margin-top: 0;}

.content-wrapper.trending.blog-detail.contact-us { padding-top:0px;}

.content-wrapper.trending.blog-detail.contact-us h3 {font-size: 32px; font-weight:500; text-transform:none;}

.content-box.comment-form.form { padding-top: 40px;}

.blog-sidebar.contact-sidebar p { color:#999;}

.blog-sidebar.contact-sidebar { padding:0px 0 50px; width:21.8%;}

.contact-sidebar .widget-title{ background:#fff; text-align:left;}

.contact-sidebar .widget-wrapper{ border-style:dashed; border-color:#000; border-radius:10px; border-width:2px;}

.blog-sidebar.contact-sidebar .widget-title h3, .blog-sidebar.contact-sidebar  .widget-wrapper h3{ color:#00b698; text-align:left; font-size:32px; font-weight:500; margin:0; }

.blog-sidebar.contact-sidebar .widget-wrapper li, .widget-wrapper li p {  color: #999999;}

.blog-sidebar.contact-sidebar .widget-data.contact-address li { list-style-image:url(images/list-img.png); border-color:#00b698;}

.widget-wrapper.contact-address li strong {color:#00b698; padding:5px 0;}

.blog-sidebar.contact-sidebar .widget-wrapper h4{ font-size:25px; color:#000; padding:0; margin:10px 0;}

.cut-imge{ position:relative; bottom:35px; right:25px;}

.map{ width:100%; float:left;}

.content-wrapper.contact-us-footer{ width:98%; float:left;  background:#021f2c; padding:35px 1% ;}

.contact-us-footer .about-sections{ width:28.8%; float:left; height:100%;  border-right: 2px solid #45a196;}

.contact-us-footer .about-sections:last-child{ border:0;}

.country-details{ width:100%; float:left;  margin-top: 30px;}

.country-details:first-child{ margin-top:0;}

.country-name { font-size: 21px; color: #fff; text-align: left; float: left; padding-top: 50px;}

.country-flag { font-size: 16px; color: #fff; text-align: left; float: left; padding-left:100px; }

.address-text p{ font-size:15px; color:#fff;}


.address-icon { float:left; padding-top:30px; width:15%;}

.address-text { float:left; padding-top:30px; color:#fff; text-align:left; padding:0 20px; width:70%; border-left: 2px solid #c9d0d2;}

/*////////////////////////////////////////////////FAQ Template//////////////////////////////////////////////////////*/

.content-wprapper.faq-about { padding-top:0;}

.content-wprapper.faq-about h3 { padding:25px 0 26px;}

.content-wrapper.service-other.faq-data { padding: 2px 1% 35px 1%;}

.menu-tabs.faq { padding-bottom:7px;}

.faq-about .menu-tabs a { text-transform: uppercase; font-size: 16px;}

.content-wrapper.service-other.faq-data h4 {  color: #000; font-size: 29px; margin-bottom: 25px;}

.accordian-box{ width:100%; float:left;}

.accordian-tab{ width:100%; float:left; margin-top:5px; box-sizing:border-box;}

.accordian-tab:first-child { margin-top: 27px;}

.content-wrapper.service-other.faq-data .content-box{ padding-bottom:15px;}

.accordian-title{ width:100%; background:#00b698; padding:10px 1%; float:left; font-size:16px; color:#fff; box-sizing:border-box;}

.accordian-detail{ width:100%; background:#fff; padding:10px 1%; float:left; border:1px solid #ccc; font-size:16px; box-sizing:border-box;}

.accordian-icon { height:100%; float:left; text-align:left; width:5%;}

.accordian-text { height:100%; float:left; text-align:left; width:90%; margin:12px 0; }

/*////////////////////////////////////////////////Events Template//////////////////////////////////////////////////////*/

.content-wprapper.services-about.about.events {  text-align:center; margin:40px 0 50px;}

.events .heading { text-transform: uppercase; text-align:center; padding: 40px 0 0px;}

.events .heading-img { top:60px;}

.events .content-box:first-child{ margin-top:44px;}

.events .content-box{ border:1px solid #ccc; float:left; padding:30px 0; margin-top:50px; box-sizing:border-box;}

.event-box { width:100%; padding:20px; float:left; box-sizing:border-box;}

.event-date { width:20%; float:left;}

.event-box h3 { color:#00b698; font-size:32px; font-weight:500; line-height:2; text-transform:uppercase;}

.event-detail { width:75%; float:left; padding-left:3%; text-align:left;  border-left:3px solid #e4e4e4;}

.event-detail h3{ margin: 0px; padding:0;}

.event-detail h4{ margin: 0 0 20px; padding:0; font-size:17px; color:#4a4a4a;}

.event-detail p{ font-size:16px; color:#999; text-transform:none;}

.event-detail a{ color:#00b698;}  

.events .portfolio-slider {  width: 100%; float: left; padding:0 52px; text-align: center;}     	

/*////////////////////////////////////////////////MileStone Template//////////////////////////////////////////////////////*/	

.milestone .heading, .portfolio{ text-transform: uppercase; font-size:38px;}

.heading-lowercase{ text-transform:capitalize; font-size:38px; font-weight:400; text-align:left;}

.milestone .partner{ text-transform: uppercase; font-size:38px;}

.content-wprapper.services-about.about.milestone { padding: 45px 1% 36px 1%; text-align:center;}



/*////////////////////////////////////////////////Partner with us Template//////////////////////////////////////////////////////*/	

.content-wprapper.services-about.about.partner { padding: 44px 1% 50px 1%; text-align:center;}

.content-wprapper.services-about.about.partner .heading-img{ top:65px}

.content-wprapper.services-about.about.partner h3{ padding:35px 0 18px; margin:0;}

.partner-img{ width:100%; text-align:center; float:left;}

.content-wprapper.services-about.about.partner p{ font-size:16px;}

.partner .content-box{ padding:35px 1%; width: 100%; margin-top:50px; border:3px solid #00b698; box-sizing:border-box;}

.content-box.partner-head-wrapper { border: 0;  width: 100%; padding: 8px 0 0; margin-top:0;}

.partner-head-wrapper img { max-width:1063px;}

.partner .read-more { background: #00b698; padding: 10px 25px; font-size: 16px; border-radius: 4px; }
.partner .read-more:hover { background:#fff; cursor: pointer;   transition: ease .3s;}

/*////////////////////////////////////////////////Portfolio Template//////////////////////////////////////////////////////*/	



.portfolio-data .about-sections{ text-align:left;}

.portfolio-data .about-sections:first-child{ width:65%; float:left;}

.portfolio-data .about-sections:last-child{ width:25%; float:left;}

.menu-tabs.desktop-tool ul {  padding-bottom: 0;}

.content-wrapper.desktop-tool .about-sections {  min-height: auto !important;}

.content-wprapper.services-about.about.partner.portfolio-detail .heading-img { top: 30px;}

.content-wprapper.services-about.about.partner.portfolio-detail h3 { padding:40px 0 30px;}

.content-wrapper.trending.portfolio-main .content-box {  padding-top: 0; margin-top: 0;}

.content-wrapper.trending.portfolio-main { padding-bottom:34px;}

.portfolio-data .about-sections li{     font-size: 16px;  background-size: 11px; background: url(images/portfolio-list-icon.png); background-repeat: no-repeat;
    padding-left: 25px;
    line-height: 2;
	background-position:0 44%;
	list-style:none;
	text-align:left;
}

.content-wprapper.services-about.about.partner.portfolio-detail, .portfolio-data:last-child{ padding:0px;}

.content-wprapper.services-about.about.partner.portfolio-detail, .portfolio-data{ padding:45px 1% 0 1%;}

.portfolio-data .portfolio-slider { text-align:center;}

.content-wrapper.portfolio-main .about-sections { width:49%; padding:0; background:#fff; margin-top:40px; float:left;}

.content-wrapper.portfolio-main .about-sections:nth-child(odd){ margin-left:0;}

.content-wrapper.portfolio-main .about-sections h3{ font-size:32px; font-weight:500; margin-bottom:20px; color:#00b698;}
.content-wrapper.portfolio-main .about-sections p { color:#999;}

.content-wrapper.portfolio-main .about-sections p{ font-size:16px;}

.content-wrapper.portfolio-main .about-sections p strong{ font-size:18px; color:#00b698; }

.section-img{ width:52%; float:left;}

.section-text{ width:48%; float:left; padding:40px 0}

/*////////////////////////////////////////////////desktop tool Template//////////////////////////////////////////////////////*/	

.desktop-tool .about-sections .section-img { width:20%;}

.content-wrapper.trending.portfolio-main.tool-features .content-box { padding: 30px 1% 45px 1%; width:100%; box-sizing:border-box;}
.content-wrapper.trending.portfolio-main.tool-features .content-box li{list-style-type:none;}

.content-box.tool-box h3 { margin: 0px 0; font-size: 24px;}
.content-wrapper.trending.portfolio-main.tool-features .content-box h3 {
    font-size: 24px;
}
.content-box.tool-box p {
    padding-bottom: 3px;
}
.desktop-tool .about-sections .section-text { width:70%; padding:10px 20px;}

.desktop-tool .section-text img {  position: relative; top: 8px;}

.content-wrapper.portfolio-main.desktop-tool { padding-bottom:0px; padding-top:0;}

.content-wrapper.portfolio-main.desktop-tool .content-box{ border-bottom:5px solid #e5e5e5; padding-top:7px;}

.content-wrapper.portfolio-main.desktop-tool .about-sections h3{ font-size:32px; font-weight:500; margin-bottom:14px;}

.desktop-tool .about-sections .ordernow{ background:#00b698; color:#fff; padding: 15px 25px; text-align:center; display:inline; font-size:18px; border:1px solid #00b698;}
.desktop-tool .about-sections .ordernow:hover { background:#fff; color:#00b698; transition:ease .3s;}

.desktop-tool .about-sections:nth-child(2){ text-align:right; padding:50px 0;}

.tool-features .content-box{ border:3px solid #e5e5e5; padding:60px 0; margin-bottom:0px;}

.content-wrapper.trending.portfolio-main.tool-features { padding-top: 38px; padding-bottom:50px;  }

.tool-features ul li{  font-size:16px;  background-image:url(images/tool-list.png); background-position:0 50%; background-repeat: no-repeat; line-height: 50px; padding-left: 50px;}



/*////////////////////////////////////////////////web tool Template//////////////////////////////////////////////////////*/	

.content-wprapper.about.tools { padding-bottom: 0px; text-align:left;}

.content-wprapper.about.tools .content-box{ padding-top:25px;}

.tools .about-sections { padding-bottom:25px;}

.tools .about-sections { width:23.8%; margin-left:1.5%; min-height:240px;}

.tools .about-sections:nth-child(4n+1){ margin-left:0; }

.tools .about-sections .icon-image h3{ font-size:24px; display:inline-block; padding:0px 0 20px; margin-bottom:20px;}

.tools .about-sections p{ font-size:16px;}

.tool-detail h3	{ font-size:28px; display:inline-block; padding:25px 0 25px;}

.tool-detail .content-box { padding-bottom:0px;}  

.tool-detail .about-sections{ width:96%; text-align:left; background:#021f2c; padding:2%;}

.tool-detail .about-sections .section-img { width: 23%; float: left; text-align: right; padding-right: 2%;}

.tool-detail .about-sections .section-text { width: 75%; float: left; text-align: left;}

.tool-detail .about-sections .section-text label { font-size:20px; color:#00b698; display:block; padding:10px 0;}

.tool-detail .about-sections .section-text input[type="text"] { width: 98%; padding: 15px 1%; font-size: 20px; margin-left border:2px solid #00b698;}

.tool-detail .about-sections .section-text input[type="checkbox"]{   width:25px; height: 25px; margin-top:15px; border:1px solid #00b698; background:#021f2c; display:inline-block;}

.tool-detail .about-sections .section-text input[type="radio"]{   width:25px; height: 25px; margin-top:15px; border:1px solid #00b698; background:#021f2c; display:inline-block;}
span.domain {  position: relative;  bottom: 7px; color:#00b698;}

#tool:first-child {  margin-left: 0;}

.go-button { text-align:right;}

.go-button  input[type="submit"]  { padding:10px 20px; width:100px; border:0; background:#00b698; border-radius:4px; color:#fff; text-align:left; background-image:url(images/go-icon.png); background-position:85% 50%; background-repeat:no-repeat;     cursor: pointer; border:1px solid #000;}

.go-button  input[type="submit"]:hover { background:#000; transition: ease .3s; color#fff; background-image:url(images/go-icon.png); background-position:85% 50%; background-repeat:no-repeat;}
 .go-button input[type="reset"]:hover, .go-button input[type="button"]:hover { color:#00b698; background:#fff; transition: ease .3s; cursor:pointer;}

.tool-detail .portfolio-slider { text-align:left; padding-top:6px;}
.chocolat-image img:nth-child(3n+1) { padding-left:0; }
.chocolat-image img {
    margin:8px 10px;
}
p.theme-detail-img {  text-align: center;}

.tool-detail .portfolio-slider img { margin-left:2%; }

.tool-detail .portfolio-slider img:first-child{ margin-left:0;} 

.theme-list .about-sections .icon-image{ text-align:left;}

.theme-list .about-sections .icon-image h3{ font-size:24px; font-weight:500; line-height:1; margin-bottom:0;}

.theme-list .about-sections .icon-image p { font-size:16px;}

.textalign { text-align:left;}

.theme-detail .content-box{ margin-top: 27px;}

.tool-detail .content-box:last-child { padding-bottom: 0px;}

.theme-detail .content-box:last-child { margin-top:0;}

.theme-detail .icon-image p { width: 70%; margin: 0 auto;}

.options { padding:0 ; text-align:center; padding-bottom: 15px;}

.options .ordernow{ background: #000; color: #fff; border-radius: 5px; margin-left: 10px;  text-transform: uppercase;}

.options .ordernow:hover {  background: #00b698;  transition: ease .5s;}

.options .downlaod {  padding: 15px 75px 15px 15px;  background-image: url(images/download.png); background-position: 92% 50%; background-repeat: no-repeat; }

.options .downlaod:hover { background-image: url(images/download.png); background-position: 92% 50%; background-repeat: no-repeat; transition: ease .5s; }

.options .demo {  padding: 15px 75px 15px 15px; background-image: url(images/demo.png); background-position: 90% 50%; background-repeat: no-repeat;}

.options .demo:hover {   background-image: url(images/demo.png); background-position: 90% 50%; background-repeat: no-repeat; transition: ease .5s;}

.options .doc {padding: 15px 15px 15px 65px; background-image:url(images/documentation.png);}

.options .gopro {padding: 15px 15px 15px 65px; background-image:url(images/gopro.png);}

.content-wprapper.about.tools.theme-detail { text-align: left; padding-top:33px; padding-bottom:40px;}

.content-wprapper.service-other.tool-detail { padding:45px 1% 0 1%;}
.content-wprapper.service-other.tool-detail:nth-child(3) {  padding: 0px 1% 0 1%;}
.theme-options .about-sections { width: 48% !important;}

.content-wrapper.service-other.privacy .content-box{ padding-bottom:0;}

.content-wrapper.service-other.privacy { padding:50px 1% 25px 1%;}

.content-wrapper.service-other.privacy h3 { padding-top:40px; padding-bottom:45px;}

.content-wrapper.service-other.privacy .content-box h3:first-child {    padding-top: 0;}
.content-wrapper.service-other.privacy.page-not-found { padding-top: 140px;}
.content-wrapper.service-other.privacy.page-not-found {    width: 98%;}
.not-found { float:left; width: 50%; margin: 0 auto; vertical-align: top; position: relative; bottom: 80px; text-align:right;}

.not-found2 { float:left; width: 50%; margin: 0 auto; vertical-align: top; position: relative; bottom: 50px; text-left; }

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

/*																																						   */

/*										 						Responsive CSS Starts																	   */					   

/*																																						   */

/*																																						   */

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width: 1500px) and (min-width: 1351px) {
.section-img { width: 55%;}
.section-text { width: 40%; float: right;}
.partner .content-box.partner-head-wrapper { width:100%;}
.partner .content-box {  width: 100%; box-sizing:border-box;}


}
@media screen and (max-width: 1366px) { 
.nav-wrapper, .content-wprapper, .content-wrapper.services, .content-wrapper.ourwork, 
.content-wrapper.testimonial, .content-wrapper.contactus, .content-wrapper.wework .content-box,
.content-wrapper.vision,.content-wrapper.service-other, .content-wrapper.team, .content-wrapper.pricing,
.content-wrapper.trending, .content-wrapper.careers, .content-wrapper.contact-us-footer { width:100%; box-sizing:border-box;}
.content-wrapper.trending.blog-detail { width:71%;}
}
@media screen and (max-width: 320) { }
@media all and (max-width: 1350px) and (min-width: 200px) {

.main-wrapper{ width:100%;}	
}


@media all and (max-width: 1000px) and (min-width: 200px) {
.menu-bar ul ul { width:100%; top:60px; display: block;  position: static;} 
.menu-bar ul ul li { float: left;  width: 100%;  display: block; background:#EEE;}
.menu-bar ul ul li a { color:#00b698;}

}
@media all and (max-width: 1500px) and (min-width: 1350px) {
.menu-bar{ min-width:61%; float:left;  display:inline-block; padding-left:0;  }
.page .menu-bar {min-width:62%;}
}

@media all and (max-width: 1350px) and (min-width: 1001px) {

.main-wrapper{ width:100%;}	
.slider-wrapper.page { height:238px;}
.top-bar-left-section{ width:40%;}

.nav-wrapper { padding-bottom: 20px; width: 100%; padding: 50px 0 0px;}

.page .nav-wrapper { padding:0 ;}

.top-bar-right { width: 100%; float: left; text-align: center; box-sizing:border-box;}

.get-quote { margin-top:40px; width:100%; text-align:center; margin-left:0; box-sizing:border-box;}

.page .nav-wrapper { height:auto; padding-bottom:15px;}

.page .get-quote { margin-top:0;}

.logo-wrapper { width:100%; text-align:center;}

.menu-bar { text-align:center; width:100%; padding-left:0;}

.page .main-menu-items { padding:30px 0;}

.content-wprapper.about.home-about, .content-wrapper.services,  

.content-wrapper.testimonial, .content-wrapper.contactus,

.about.about-us, .content-wrapper.wework .content-box, .content-wrapper.team,

  .content-wprapper.blog-about.about, .content-wrapper.trending, 

 .content-wrapper.careers, .content-wrapper.contact-us-footer, 

 .content-wprapper.faq-about, .content-wrapper.service-other,

 .content-wrapper.approach,  .content-wrapper.seo-offers, .content-wprapper.about.tools,

 .content-wprapper.service-other.tool-detail, .content-wprapper.services-about.about.events, 
 .content-wrapper.contactus, .content-wrapper.trending.portfolio-main.tool-features { width:100%; box-sizing:border-box;}

.home-about .icon-image img { width:auto;}

.testimonial .about-sections:first-child { margin-left:0;}

.footer-logo img { width:100%;} 
 .content-wrapper.vision {width:98%;}

.footer-left { width:18%;}

.footer-center .arrow { width:60px; padding-top:95px;}

.footer-right {  text-align:center; margin:45px 7px 0;}

.content-wrapper.approach .content-box { width:auto;}

/*((((((((((((((((((((((((((((((((((((((((((About us))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/



.team .team-img { width: 100%; float: left;}

.team	.about-sections .icon-image { width: 100%; padding: 0px 0;  text-align: center;}

.team	.about-sections .icon-image h3 { padding:15px 0;}
.line {  margin-left:13%;}

.content-wrapper.vision .content-box img { width: 100%;}

.footer-section-one {  width: 40%; float: left;}

.footer-sections{ width:16%; margin-left:45px;}


/*(((((((((((((((((((((((((((((((((((((((((( BLOG))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.content-wprapper.blog-about.about.tabs-menu { width:96%;}

.content-wrapper.trending.blog-detail { width:67.5%;}

.blog-about .menu-tabs{ width:70%; }



.menu-tabs.desktop-tool { width:100%;}

.blog-about .menu-tabs li a { padding: 15px;}

.menu-tabs li a { padding:15px 15px;}




/*(((((((((((((((((((((((((((((((((((((((((( BLOG Detail))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/



.blog-sidebar { width:26%;}

.search {  padding: 12px 40px 15px 10px;}

.comment-img { width:120px; padding-right:10px;}
.comment-author.vcard { width:100%; float:left;}


/*(((((((((((((((((((((((((((((((((((((((((( CAREER))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.content-wprapper.blog-about.about img { width:100%;}

.country-flag { padding-left:0px;}

.country-name { width:100%; padding-bottom:20px;}

.address-icon { width:20%;}

.address-text { width:60%;}



/*(((((((((((((((((((((((((((((((((((((((((( desktop tools))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.desktop-tool .about-sections .ordernow { display:inline-block; line-height:1;}


/*(((((((((((((((((((((((((((((((((((((((((( Events))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.event-date { width: 30%;}

.event-detail { width: 65%;}



/*(((((((((((((((((((((((((((((((((((((((((( milestone & partner))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.partner-head-wrapper img { width:100%;} 



/*(((((((((((((((((((((((((((((((((((((((((( Portfolio & details))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.portfolio-main .section-img, .section-text { width: 100%; text-align:center;}

.section-img img { width: auto; text-align:center;}

.content-wrapper.trending.portfolio-main h3 { display:inline-block; text-align:center;}

.portfolio-data .about-sections:first-child { width:60%;}

.portfolio-data .about-sections:last-child { width:30%;}
a.slidesjs-next.slidesjs-navigation { right:20px;}
a.slidesjs-previous.slidesjs-navigation {left:20px;}

/*((((((((((((((((((((((((((((((((((((((((((Services))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.approach-left { width:58.5%;}

.learnmore-wrapper { width:100%; margin:0; padding:50px 0;}

.img-section img{ width:100%;}

.img-section .learnmore-wrapper:nth-child(odd) { margin-top:65px;}

.content-wrapper.pricing { width:100%; padding:15px 0 35px;}

.content-wrapper.pricing .content-box { width:100%; }

.content-wrapper.pricing .about-sections:first-child, .content-wrapper.pricing .about-sections { width: 23%; margin-left: 1.6%;}





/*(((((((((((((((((((((((((((((((((((((((((( Theme List))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.options .ordernow { font-size:20px;}



.tool-detail .portfolio-slider { text-align:center;}

.faq-data .accordian-icon { width: 5%; padding: 10px;}

.tools .about-sections { width:32.3%;}

.tools .about-sections:nth-child(4n+1){ margin-left:1.5%;}

.tools .about-sections:nth-child(3n+1){ margin-left:0}

.tool-detail .about-sections .section-img, .tool-detail .about-sections .section-text, .go-button{text-align:left;}

.tool-detail .about-sections .section-text input[type="checkbox"], .go-button, label  { margin-left:14px;}

}

@media all and (max-width: 1900px) and (min-width: 1001px) {

.search { width:70% !important;}
.blog-sidebar .search { width:73% !important;}

.comment-img { width:120px; padding-right:10px;}

	

}

@media all and (max-width: 1000px) and (min-width: 501px) {

.page .nav-wrapper { height:auto;}	

.top-bar-right { width:100%; float:left;text-align:center; margin-bottom:8px; box-sizing:border-box;}

.nav-wrapper { width:100%; padding: 50px 0 0; box-sizing:border-box;}

.logo-wrapper { width:100%; text-align:center;}

.menu-bar { text-align:center; width:100%; padding-left:0;}

.main-menu-items { padding-left:0px; padding-top:20px;}

.main-menu-items li { width:100%; text-align:center; float:left; line-height:3; margin:0;}

.get-quote { width:100%; text-align:center; margin-left:0; box-sizing:border-box;}

.about-sections:first-child{ margin-top:0px;}


.about-sections { width:100%; margin-top:50px; margin-left:0;}

.home-about .icon-image img { width:auto;}
.content-wprapper, .content-wrapper.services, .content-wrapper.ourwork,
 .content-wrapper.testimonial, .content-wrapper.contactus, .content-wrapper.wework .content-box,
  .content-wrapper.vision, .content-wrapper.service-other,  .content-wrapper.pricing,
   .content-wrapper.careers, .content-wrapper.contact-us-footer,
 .content-wrapper.ourwork, .content-wprapper.service-other.portfolio-data {    width:100%; box-sizing:border-box;}

.content-wrapper.trending { width:100% !important; box-sizing:border-box;}

.blog-sidebar { width:100%; box-sizing:border-box;}
.content-box.partner-head-wrapper {  width: 100%; box-sizing:border-box;}
 .content-wrapper.trending.portfolio-main.tool-features { width:100%; margin:0 auto; box-sizing:border-box;}
.content-wrapper.team, .content-wprapper.services-about.about.events { width:100%; box-sizing:border-box;}
 .content-wrapper.vision { width:100%; box-sizing:border-box;}

 .services .content-box, .services-image { width:100%; box-sizing:border-box;}

 .services-image { text-align:center;}

.content-wrapper.services .button-readmore { padding-top:20px;}

.testimonial .about-sections { width:100%; float:left; margin-left:0; box-sizing:border-box;}

.portfolio-slider { width:100%; float:left; box-sizing:border-box;}

.portfolio-slider img { width:auto; padding:0; margin-top:20px;}

 .contact-sections { width:100%; float:left; box-sizing:border-box;}

.contact-sections h4 { margin:0;}

.footer-left, .footer-right {width:100%; text-align:center; padding-left:0; float:left; padding:20px 20px; box-sizing:border-box; }

.footer-center {width:100%; text-align:center; padding-left:0; float:left; padding:0px 20px 20px; box-sizing:border-box;}

.footer-center .arrow { width:auto; padding-top:0; margin:0 48%;}

.footer-right { padding:0; margin:0; width:100%; box-sizing:border-box;}

.footer-section-one, .footer-sections { width:100%; float:left; text-align:center; padding-left:0;}

.footer-sections { margin-left:0;}

.footer-center .arrow img { transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); float:left; margin-top:-18px;}

.footer-right img { margin: 40px 0 ;}

.footer-social-icons { margin:0 0 65px; width:100%;}

.footer-logo{ width:100%}

.footer-right img { margin: 40px 0 ;}

/*((((((((((((((((((((((((((((((((((((((((((About us))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

/*.gallery-wrapper img { width:100%; margin-left:0;}*/

.about.about-us .heading-img, .content-wrapper.wework .heading-img, .content-wrapper.team .heading-img { padding:35px 0;}

  .about.about-us h3, .wework h3, .vision h3, .team h3 { text-align:center;}

.team .about-sections, .team .team-img { width:100%; float:left; box-sizing:border-box; margin:0;}

.team	.about-sections .icon-image { width:100%; float:left; padding:20px 0; text-align:center; box-sizing:border-box;}

.line { padding:0 125px; margin-left:0;}

.content-wrapper.vision .content-box { width: 100%;}



/*(((((((((((((((((((((((((((((((((((((((((( BLOG))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/



.blog-about .menu-tabs { width:100%; box-sizing:border-box;}

.menu-tabs li a { display: inline-block; margin: 5px 0;}
.menu-tabs a { padding: 0 20px; line-height:4;}

.search-box { float: left; padding: 0; width:100%; text-align:center;  box-sizing:border-box;}

.search{ width:70% !important; margin-left:2%; }

.widget-wrapper input[type="text"], .widget-wrapper textarea { width:100%; box-sizing:border-box;}

.heading-img { width: 100%; float: left;   position: static; text-align: center; box-sizing:border-box;}

.content-wrapper.trending h3 { width: 100%; text-align:center; padding-top:20px; box-sizing:border-box;}

.content-wrapper.trending .about-sections h3 { text-align:left;}

.content-wrapper.trending .about-sections { width:100%; margin-left:0; box-sizing:border-box;}

.blog-about .menu-tabs ul { width:91%; margin:0 auto;}

.blog-about .menu-tabs{ width:100%; box-sizing:border-box;}

.blog-detail .content-box.comments { padding-top:30px;}


.content-box.comment-form h3{ padding-top:0;}

/*(((((((((((((((((((((((((((((((((((((((((( BLOG Detail))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.body-wrapper.blog-detail-page { margin-top:25px;}

.blog-sidebar { margin-left:0; padding:0 1% 42px;}

.comment-img { width: 120px;padding-right: 10px;}
.comment-author.vcard { width:100%; float:left; box-sizing:border-box;}
.input_name_email { margin-left:0; width:100%;}
.input_name_email2 { margin-left:0; width:100%; }
.widget-wrapper li { width:100%; box-sizing:border-box;}



/*(((((((((((((((((((((((((((((((((((((((((( CAREER))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/



.content-wrapper.careers .about-sections { width:100%; text-align:left; box-sizing:border-box;}

.content-wrapper.careers .about-sections h3, .careers-heading-img { text-align:center;}

.content-wrapper.careers { padding-top:0;}

p.location-sal { padding-left:30px !important; padding-right:30px !important;}

/*(((((((((((((((((((((((((((((((((((((((((( Contact))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.blog-sidebar.contact-sidebar { padding:0 1% 42px;}

.contact-us-footer .about-sections { width:100%; border-right: 0px; padding-bottom: 30px; border-bottom: 2px solid #45a196; box-sizing:border-box;}

.address-icon { width:20%;}

.address-text { width:60%;}

.cut-imge { bottom:20px;}



/*(((((((((((((((((((((((((((((((((((((((((( Desktop Tools))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.desktop-tool .about-sections .section-img { width:100%; text-align:center; box-sizing:border-box;}


.desktop-tool .about-sections .section-text {  width: 100%;  text-align: center; padding:0; box-sizing:border-box;}

.desktop-tool .about-sections .ordernow { display:inline; line-height:1; font-size:28px; ;}

.tool-features ul li { margin-left:10px;}


.desktop-tool .about-sections:nth-child(2) { text-align:center;}

.desktop-tool .about-sections .ordernow { display:inline;}



/*(((((((((((((((((((((((((((((((((((((((((( Events))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.event-box { width:100%; padding:20px 10px; box-sizing:border-box;}

.event-date { width:100%;  border-bottom: 3px solid #e4e4e4; box-sizing:border-box;}

.event-detail { width:92%; border:0;}

.event-detail h3{ line-height:1; padding:20px 0;}

.event-detail h4 { line-height:1.5;}



/*((((((((((((((((((((((((((((((((((((((((((milestone & Partner With Us))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.partner .heading { font-size:37px;}

.partner-head-wrapper img { width:100%;}

.partner .content-box .heading { font-size:30px;}



/*((((((((((((((((((((((((((((((((((((((((((Portfolio & Detial))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.content-wrapper.trending.portfolio-main .about-sections { width:100%; text-align:center; margin-top:0; padding-top:20px; box-sizing:border-box;}

.content-wprapper.services-about.about.partner.portfolio-detail .about-sections{ margin-top:20px; text-align:center;}

.content-wprapper.services-about.about.partner.portfolio-detail .portfolio-data:first-child { padding-top:45px;}

.portfolio-data { padding-top:0;}

.portfolio-data  .heading-lowercase { padding-top:0; text-align:center;}

.portfolio-main .section-img, .section-text { width: 100%; text-align:center;}

.section-img img { width:auto; text-align:center;}

.content-wrapper.trending.portfolio-main h3 { display:inline-block; text-align:center; width:100%;}

.content-wrapper.trending.portfolio-main .heading-img{ padding-bottom:20px;}

.portfolio-data .about-sections:first-child ,  .portfolio-data .about-sections:last-child { width:100%; text-align:left;}

.content-wprapper.service-other.portfolio-data .content-box{ padding-bottom:0;}
a.slidesjs-previous.slidesjs-navigation { left:10px; top: 230px;}
a.slidesjs-next.slidesjs-navigation  { right:10px;  top: 230px;}

/*((((((((((((((((((((((((((((((((((((((((((Services))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/



.approach-left, .approach-right{ width:100%;}

.other-services-menu li { width:100%; display:inline-block; border-bottom:1px solid #fff; padding:20px 0px;}

.other-services-menu{ padding:0 0 0 ;}

.other-services-menu li:last-child{ border:0;}

.other-services-menu li a { border-right:0; }

.content-wrapper.approach  { margin-bottom:30px;}

.content-wrapper.approach .content-box { width:auto; }

.seo-offers .about-sections { width:100%; margin:30px 0; border-bottom: 3px solid #ccc;}

.content-wrapper.pricing .about-sections { width:100%; float:left; margin-left:0; margin-top:30px;}

.about-sections-left, .about-sections-right  { width:48%;}

.about-sections-right { border-right:0;}

.learnmore-wrapper { width:100%; margin:0; padding:50px 0;}

.img-section img{ width:100%;}

.seo-offers .about-sections h3 { word-wrap:break-word; font-size:32px; font-weight:500;}

.img-section .learnmore-wrapper:nth-child(odd) {  margin-top: 27px;}

.content-wprapper.services-about.about .menu-tabs { padding-bottom:4px;}

.content-wrapper.seo-offers { padding-bottom:0;}

.content-wrapper.service-other h3 { padding-top:10px;}

/*(((((((((((((((((((((((((((((((((((((((((( Theme List))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.content-wprapper.about.tools.theme-list { padding:24px 20px ;}

.theme-list .about-sections .icon-image h3, .icon-image p, .theme-list .about-sections .icon-image { width:100%; box-sizing:border-box; text-align:center;}

.tools .about-sections { width:100% !important; float:left;}



.menu-tabs.theme ul { width:100%;}

.menu-tabs.theme li { width:100%;}

.content-wprapper.about.tools.theme-detail img { width: 100%;}

.theme-detail .icon-image img{ width:auto !important;}

.options a.ordernow { display:inline-block; margin-top:10px; }

.options { width: 100%;  float: left; padding:0 0 44px; }

.tools .about-sections:last-child{ padding-bottom:0;}



/*(((((((((((((((((((((((((((((((((((((((((( Tools))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.content-wprapper.about.tools { text-align:center;}

.tool-detail .about-sections .section-img, .tool-detail .about-sections .section-text, .go-button{width:100%; text-align:left;}

.tool-detail .about-sections .section-text input[type="checkbox"], .go-button, label  { margin-left:11px;}

.tool-detail .portfolio-slider img { margin-left:0; }

.tool-detail .about-sections .section-img img { width:auto; padding:20px 0 0;}

.faq-data .accordian-icon { width:100%;}

.content-wprapper.faq-about h3 { text-align:center; padding-top:20px;}

.content-wprapper.faq-about .heading-img { padding-bottom:20px;}

.content-wprapper.faq-about .content-box { padding-top:0;}

.menu-tabs.faq { padding-bottom:0;}

.tools .about-sections { padding-bottom:0;}

}



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

.page .nav-wrapper { height:auto;}	

.top-bar-right { width:100%; float:left;text-align:center; margin-bottom:8px; box-sizing:border-box;}

.nav-wrapper { width:100%; padding: 50px 0 0; box-sizing:border-box;}

.logo-wrapper { width:100%; text-align:center;}

.menu-bar { text-align:center; width:100%; padding-left:0;}

.main-menu-items { padding-left:0px; padding-top:20px;}

.main-menu-items li { width:100%; text-align:center; float:left; line-height:3; margin:0;}

.get-quote { width:100%; text-align:center; margin-left:0; box-sizing:border-box;}

.about-sections:first-child{ margin-top:0px;}

.about-sections { width:100%; margin-top:50px; margin-left:0;}

.home-about .icon-image img { width:auto;}

.content-wprapper.about.home-about, .content-wrapper.services, .content-wrapper.ourwork,
 .content-wrapper.testimonial, .content-wrapper.contactus, .content-wrapper.wework .content-box, .content-wrapper.team,
 .page .nav-wrapper,  .content-wrapper.trending,
.content-wprapper.services-about.about.milestone {width:100%; box-sizing:border-box; ;}
.content-wprapper.services-about.about.events {  width:100%; box-sizing:border-box;}
 .blog-sidebar, .content-wrapper.careers,
  .content-wrapper.contact-us-footer, .content-wprapper.faq-about, .content-wrapper.service-other, .content-wprapper.service-about.about,
.partner .content-box, .content-wrapper.approach, .content-wrapper.pricing, .content-wrapper.seo-offers, .content-wprapper.about.tools, 
.content-wprapper.service-other.tool-detail, .content-wrapper.trending.blog-detail, .content-box.partner-head-wrapper  { width:100%; box-sizing:border-box; word-wrap:break-word;}
.content-box { padding-top:10px;}

.content-wrapper.team { text-align:center;}
 .services .content-box, .services-image { width:100%;}

 .services-image { text-align:center;}

  .content-wrapper.vision { width:auto;}  

.content-wrapper.services .button-readmore { padding-top:20px;}

.testimonial .about-sections { width:100%; float:left; margin-left:0;}

.portfolio-slider { width:100%; float:left;}

.portfolio-slider img { width:auto; padding:0; margin-top:20px;}

 .contact-sections { width:100%; float:left;}

.contact-sections h4 { margin:0;}

.footer-left, .footer-center, .footer-right {width:100%; text-align:center; padding-left:0; float:left;}

.footer-right { padding:0; margin:0;}

.footer-center { padding: 0 0 25px;}

.footer-center .arrow, .footer-section-one, .footer-sections { width:86.5%; float:left; text-align:center; padding:0 20px;}

.footer-sections { margin-left:0;}

.footer-center .arrow { transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); float:left; margin-top:-18px;}

.footer-right img { margin: 40px 0 ;}

.footer-social-icons { margin:0 0 65px; width:100%;}

.footer-logo{ width:100%}

/*((((((((((((((((((((((((((((((((((((((((((About us))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

 .about.about-us { width:100%; box-sizing:border-box;}

  .about.about-us .heading-img, .content-wrapper.wework .heading-img, .content-wrapper.team .heading-img { padding:35px 0;}

  .about.about-us h3, .wework h3, .vision h3, .team h3 { text-align:center;}

/*.gallery-wrapper img { width:100%; margin-left:0;}*/

.team .about-sections, .team .team-img { width:100%; float:left; margin:0;}

.team	.about-sections .icon-image { width:100%; float:left; padding:20px 0; text-align:center;}

.line { padding:0 125px; margin-left:0;}

.content-wrapper.vision .content-box img { width: 100%;}



/*(((((((((((((((((((((((((((((((((((((((((( BLOG))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.blog-about .menu-tabs { width:100%;}

.menu-tabs li a { display: inline-block; margin: 5px 0; line-height:1;}

.search-box { float: left; padding: 0; width:100%; text-align:center; box-sizing:border-box;}

.search{ width:65% !important;}

.widget-wrapper input[type="text"], .widget-wrapper textarea { width:100%; box-sizing:border-box;}

.heading-img { width: 100%; float: left;   position: static; text-align: center; padding-bottom:20px;}

.content-wrapper.trending h3 { font-size:32px; font-weight:500; text-align:center; padding-top:20px;}

.content-wrapper.trending .about-sections h3 { text-align:left;}

.content-wrapper.trending .about-sections:nth-child(4n+1) { margin-top:0;}

.content-wrapper.trending .about-sections { width:100%; margin-left:0; box-sizing:border-box;}



/*(((((((((((((((((((((((((((((((((((((((((( BLOG Detail))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.blog-sidebar { margin-left:0; padding:0 20px 42px;}

.body-wrapper.blog-detail-page { margin-top:25px;}

.comment-img { width: 25%;padding-right: 10px;}

.input_name_email { margin-left:0; width:100%;}
.input_name_email2 { margin-left:0; width:100%;}

.blog-detail .content-box.comments { padding-top:30px;}
.comment-author.vcard { width:100%; float:left;}
.content-box.comment-form h3{ padding-top:0;}


/*(((((((((((((((((((((((((((((((((((((((((( CAREER))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/



.content-wprapper.blog-about.about img { width:100%;}

.content-wrapper.careers .about-sections { width:100%; text-align:left;}

.careers-heading-img { text-align:center;}

p.location-sal { padding-left:30px !important; padding-right:30px !important;}

.content-wrapper.careers { padding-top:0;}



/*(((((((((((((((((((((((((((((((((((((((((( Contact))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.blog-sidebar.contact-sidebar { padding:0 1% 42px;}

.contact-us-footer .about-sections { width:100%; border-right: 0px; padding-bottom: 30px; border-bottom: 2px solid #45a196;}

.address-icon { width:20%;}

.address-text .address-icon { width:60%;}



/*(((((((((((((((((((((((((((((((((((((((((( Desktop Tools))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.desktop-tool .about-sections .section-img { width:100%; text-align:center;}

.desktop-tool .about-sections .section-text {  width: 100%;  text-align: center; padding:0;}

.desktop-tool .about-sections .ordernow { display:inline-block; line-height:1; }

.tool-features ul li { margin-left:10px;}



/*(((((((((((((((((((((((((((((((((((((((((( Events))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.event-box { width:100%; padding:20px 5px; box-sizing:border-box;}
 
.event-date { width:100%;  border-bottom: 3px solid #e4e4e4; box-sizing:border-box;}

.event-detail { width:97.5%; border:0;}

.event-detail h3{ line-height:1; padding:20px 0;}

.event-detail h4 { line-height:1.5;}



/*((((((((((((((((((((((((((((((((((((((((((milestone & Partner With Us))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.milestone img { width:100%;}

.partner .heading { font-size:37px;}

.partner-head-wrapper img { width:100%;}

.partner .content-box .heading { font-size:30px;}



/*((((((((((((((((((((((((((((((((((((((((((Portfolio & Detial))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.content-wprapper.service-other.portfolio-data {    width: 100%; box-sizing:border-box;}
.content-wrapper.trending.portfolio-main .about-sections { width:100%; text-align:center; margin-top:0; padding-top:20px;}

.content-wprapper.services-about.about.partner.portfolio-detail .about-sections{ margin-top:20px; text-align:center;}

.content-wprapper.services-about.about.partner.portfolio-detail .portfolio-data:first-child { padding-top:45px;}

.portfolio-data { padding-top:0;}

.portfolio-data  .heading-lowercase { padding-top:0; text-align:center;}

.portfolio-main .section-img, .section-text { width: 100%; text-align:center;}

.section-img img { width:auto; text-align:center;}

.content-wrapper.trending.portfolio-main h3 { display:inline-block; text-align:center; width:100%;}

.content-wrapper.trending.portfolio-main .heading-img{ padding-bottom:20px;}

.portfolio-data .about-sections:first-child ,  .portfolio-data .about-sections:last-child { width:100%; text-align:left;}

.content-wprapper.service-other.portfolio-data .content-box { padding-bottom:0;}
.slidesjs-container {  height: 200px !important;}
a.slidesjs-next.slidesjs-navigation { top:150px; right:15px;}
a.slidesjs-previous.slidesjs-navigation {top:150px; left:15px;}

/*((((((((((((((((((((((((((((((((((((((((((Services))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.content-wrapper.approach img, .approach-left, .approach-right, .content-wrapper.team.portfolio img { width:100%;}



.other-services-menu li { width:100%; display:inline-block; border-bottom:1px solid #fff; padding:20px 0px;}

.other-services-menu{ padding:0 0 ;}

.other-services-menu li:last-child{ border:0;}

.other-services-menu li a { border-right:0; }

.services-about .menu-tabs li { width:60%;}

.content-wrapper.approach  { margin-bottom:30px;}

.content-wrapper.approach .content-box { width:86%; }

.seo-offers .about-sections { width:100%; margin:30px 0; border-bottom: 3px solid #ccc;}

.content-wrapper.pricing .about-sections { width:100%; float:left; margin-left:0; margin-top:30px;}

.about-sections-right { border-right:0;}

.about-sections-left, .about-sections-right  { width:48%;}

.learnmore-wrapper { width:100%; margin:0; padding:50px 0;}

.img-section img{ width:100%;}

.seo-offers .about-sections h3 { word-wrap:break-word; font-size:32px; font-weight:500;}

.img-section .learnmore-wrapper:nth-child(odd) {  margin-top: 7px;}

.theme-list .icon-image img { width:100%;}

.content-wprapper.services-about.about .menu-tabs { padding-bottom:4px;}

.content-wrapper.seo-offers { padding-bottom:0;}

.content-wrapper.service-other h3 { padding-top:10px;}



/*(((((((((((((((((((((((((((((((((((((((((( Theme List))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.content-wprapper.about.tools.theme-list { padding:24px 20px ;}

.theme-list .about-sections .icon-image h3, .icon-image p { text-align:center;}

.tools .about-sections { width:100% !important; float:left;}

.menu-tabs.theme { width:100%}

.menu-tabs.theme li { width:82%;}

.theme-detail .icon-image img{ width:auto !important;}

.options a.ordernow { display:inline-block; margin-top:10px; font-size:18px;}

.options { width: 100%;  float: left;}

.options { width: 100%;  float: left; padding:0 0 44px; }

.tools .about-sections:last-child{ padding-bottom:0;}



/*(((((((((((((((((((((((((((((((((((((((((( Tools))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

.tool-detail .about-sections .section-img, .tool-detail .about-sections .section-text, .go-button{width:100%; text-align:left;}

.tool-detail .about-sections .section-text input[type="checkbox"], .go-button, label  { margin-left:5px;}

.tool-detail .portfolio-slider img { margin-left:0; }

.tool-detail .about-sections .section-img { width:auto;}

.faq-data .accordian-icon { width:100%;}

.content-wprapper.faq-about .content-box { padding-top:0;}

.menu-tabs.faq { padding-bottom:40px;}

.menu-tabs.faq ul li { width:60%;}

.content-wprapper.faq-about h3 { text-align:center; padding-top:20px;}

.content-wprapper.faq-about .heading-img { padding-bottom:20px;}

.content-wprapper.about.tools { text-align:center;}

.tools .about-sections { padding-bottom:0;}

.events .slick-prev, .events .slick-next { top:30% !important;}

}



@media only screen and (max-width: 500px) and (min-width: 351px){

	.search{ width:70% ;}



}

@media only screen and (max-width: 500px) and (min-width: 300px){

.about-sections:first-child{ margin-top:30px;}

}

@media only screen and (max-width: 1000px) and (min-width: 200px){

.page .main-menu-items { padding-top:20px;}
.content-wrapper.team { text-align:center;}
}

@media only screen and (max-width: 650px) and (min-width: 200px){.body-wrapper.career .blog-about, .partner-img {

    display: none; }

}

@media only screen and (max-width: 660px) and (min-width: 601px) { .footer-left, .footer-right, .footer-center{ padding-left:16px; padding-right:16px;} .footer-right { width:100%; box-sizing:border-box;}}

@media only screen and (max-width: 736px) and (min-width: 700px){ .content-wrapper.footer { width:100%; box-sizing:border-box;}}

@media only screen and (max-width: 598px) and (min-width: 501px){ .footer-left, .footer-center { width:100%; box-sizing:border-box;} .search { width:65% !important;} }

@media only screen and (max-width: 600px) and (min-width: 599px){ .footer-left, .footer-center {  width:100%; box-sizing:border-box;} }

@media only screen and (max-width: 699px) and (min-width: 650px){ .footer-left, .footer-center { width:100%; box-sizing:border-box;} }

@media only screen and (max-width: 550px) { .slider-wrapper.page { display:none;} }



/*----------------------------------------------------------------------Slider Wrapper Animations---------------------------------------------*/


.slider-animations{ width:100%; clear:both; z-index:1;}
.animation-text { width:100%; text-align:center; float:left; color:#fff; margin-top:40px; padding-bottom:10px;}

.animation-text h3, .animation-text p { color:#fff; /*margin-top:40px;*/ padding-top:0;}

.animated-img { width:100%; float:left; text-align:center;}

.sections{ width:65%; margin:0 auto; text-align:center;}

.section-data { float:left; min-width:10%;}

.section-data.draw {  margin-top: 200px;}

.section-data.draw .top-img { padding: 20px 0 30px;}

.section-data.search-img {  margin-top: 150px;}

.section-data.search-img .top-img { padding: 20px 0 30px;}


.section-data.mobile-hand {vertical-align: bottom; position: relative;  top: 180px; left:25px; z-index:1;}

.section-data.page-img { margin-top: 120px; margin-left: 30px;}

.slider-bottom { width:100%; float:left; z-index:2;}



@media only screen and (max-width: 500px){.slider-animations{ display:none;} .events .slick-prev, .events .slick-next { top:60% !important;}}

@media only screen and (max-width: 1200px) and (min-width: 1001px){.sections {  width: 95%; margin: auto;}}

@media only screen and (max-width: 1390px) and (min-width: 1201px){.sections {  width: 78%; margin: auto;}}

@media only screen and (max-width: 1500px) and (min-width: 1391px){.sections {  width: 69%; margin: auto;}}



/*----------------------------------------------------------------------Slider Wrapper Animations---------------------------------------------*/


table { 
  table-layout: fixed;
    width: 100%;
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
  word-wrap: break-word;
}
th { 
  background: #00b698; 
  color: white; 
  font-weight: bold; 
  word-wrap: break-word;
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
  word-wrap: break-word;
}
/*----------------------------------------------------------------------Responsive Menu---------------------------------------------*/
.responsive-menu {
  margin: 0;
  line-height: 1;
  display: none;
   width:51%; float:left; padding-left:118px;
  position: relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;  
}

.responsive-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
.responsive-menu ul:after,
.responsive-menu:after {
  content: ' ';
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.responsive-menu ul li {
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
.responsive-menu ul li a {
  text-decoration: none;
  display: block;
  margin: 0;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.responsive-menu ul li ul {
  position: absolute;
  left: -9999px;
  top: auto;
}
.responsive-menu ul li ul li {
  max-height: 0;
  position: absolute;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -ms-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
  background: #ffffff;
}
.responsive-menu ul li ul li.has-sub:after {
  display: block;
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #000000;
  z-index: 1;
  top: 13px;
  right: 15px;
}
.responsive-menu.align-right ul li ul li.has-sub:after {
  right: auto;
  left: 15px;
}
.responsive-menu ul li ul li.has-sub:before {
  display: block;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-left-color: #ffffff;
  z-index: 2;
  top: 15px;
  right: 15px;
}
.responsive-menu.align-right ul li ul li.has-sub:before {
  right: auto;
  left: 15px;
  border-left-color: transparent;
  border-right-color: #ffffff;
}
.responsive-menu ul li ul li a {
  font-size: 15px;
  font-weight: 400;
  text-transform: none;
  color: #000000;
  letter-spacing: 0;
  display: block;
  width: 170px;
  padding: 11px 10px 11px 20px;
}
.responsive-menu ul li ul li:hover > a,
.responsive-menu ul li ul li.active > a {
  color: #4cb6ea;
}
.responsive-menu ul li ul li:hover:after,
.responsive-menu ul li ul li.active:after {
  background: #4cb6ea;
}
.responsive-menu ul li ul li:hover > ul {
  left: 100%;
  top: 0;
}
.responsive-menu ul li ul li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
.responsive-menu > ul > li {
  float: left;
}
.responsive-menu.align-center > ul > li {
  float: none;
  display: inline-block;
}
.responsive-menu.align-center > ul {
  text-align: center;
}
.responsive-menu.align-center ul ul {
  text-align: left;
}
.responsive-menu.align-right > ul {
  float: right;
}
.responsive-menu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
.responsive-menu.align-right ul ul li:hover > ul {
  right: 100%;
  left: auto;
}
.responsive-menu.align-right ul ul li a {
  text-align: right;
}
.responsive-menu > ul > li:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  z-index: 0;
  background: #ffffff;
  -webkit-transition: height .2s;
  -moz-transition: height .2s;
  -ms-transition: height .2s;
  -o-transition: height .2s;
  transition: height .2s;
}
.responsive-menu > ul > li.has-sub > a {
  padding-right: 40px;
}
.responsive-menu > ul > li.has-sub > a:after {
  display: block;
  content: '';
  background: #ffffff;
  height: 12px;
  width: 12px;
  position: absolute;

  border-radius: 13px;
  right: 14px;
  top: 16px;
}
.responsive-menu > ul > li.has-sub > a:before {
  display: block;
  content: '';
  border: 4px solid transparent;
  border-top-color: #4cb6ea;
  z-index: 2;
  height: 0;
  width: 0;
  position: absolute;
  right: 16px;
  top: 21px;
}
.responsive-menu > ul > li > a {
  color: #ffffff;
  padding: 15px 20px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;

  font-size: 14px;
  z-index: 2;
  position: relative;
}
.responsive-menu > ul > li:hover:after,
.responsive-menu > ul > li.active:after {
  height: 100%;
}
.responsive-menu > ul > li:hover > a,
.responsive-menu > ul > li.active > a {
  color: #000000;
}
.responsive-menu > ul > li:hover > a:after,
.responsive-menu > ul > li.active > a:after {
  background: #000000;
}
.responsive-menu > ul > li:hover > a:before,
.responsive-menu > ul > li.active > a:before {
  border-top-color: #ffffff;
}
.responsive-menu > ul > li:hover > ul {
  left: 0;
}
.responsive-menu > ul > li:hover > ul > li {
  max-height: 72px;
  position: relative;
}
.responsive-menu #menu-button {
  display: none;
}
.responsive-menu > ul > li > a {
  display: block;
}
.responsive-menu > ul > li {
  width: auto;
}
.responsive-menu > ul > li > ul {
  width: 170px;
  display: block;
}
.responsive-menu > ul > li > ul > li {
  width: 170px;
  display: block;
}
@media all and (max-width: 1000px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
.responsive-menu { display:block; padding-left:0; width:100%; text-align:center; box-sizing:border-box;}  
 .menu-bar {display:none;}
.responsive-menu > ul {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-out;
    -moz-transition: max-height 0.35s ease-out;
    -ms-transition: max-height 0.35s ease-out;
    -o-transition: max-height 0.35s ease-out;
    transition: max-height 0.35s ease-out;
  }
  .responsive-menu > ul > li > ul {
    width: 100%;
    display: block;
  }
  .responsive-menu.align-right ul li a {
    text-align: left;
  }
  .responsive-menu > ul > li > ul > li {
    width: 100%;
    display: block;
  }
  .responsive-menu.align-right ul ul li a {
    text-align: left;
  }
  .responsive-menu > ul > li > ul > li > a {
    width: 100%;
    display: block;
  }
  .responsive-menu ul li ul li a {
    width: 100%;
  }
  .responsive-menu.align-center > ul {
    text-align: left;
  }
  .responsive-menu.align-center > ul > li {
    display: block;
  }
  .responsive-menu > ul.open {
    max-height: 5000px;
    border-top: 1px solid rgba(110, 110, 110, 0.25);
  }
  .responsive-menu ul {
    width: 100%;
  }
  .responsive-menu ul > li {
    float: none;
    width: 100%;
    line-height:20px;	
  }
  .responsive-menu ul li a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
text-align:left;
    float:left;
    padding: 12px 20px;
  }
  .responsive-menu ul > li:after {
    display: none;
  }
  .responsive-menu ul li.has-sub > a:after,
  .responsive-menu ul li.has-sub > a:before,
  .responsive-menu ul li ul li.has-sub:after,
  .responsive-menu ul li ul li.has-sub:before {
    display: none;
  }
  .responsive-menu ul li ul,
  .responsive-menu ul li ul li ul,
  .responsive-menu ul li ul li:hover > ul,
  .responsive-menu.align-right ul li ul,
  .responsive-menu.align-right ul li ul li ul,
  .responsive-menu.align-right ul li ul li:hover > ul {
    left: 0;
	float:left;
    position: relative;
    right: auto;
  }
  .responsive-menu ul li ul li,
  .responsive-menu ul li:hover > ul > li {
    max-height: 999px;
    position: relative;
    background: none;
  }
  .responsive-menu ul li ul li a {
    padding: 8px 20px 8px 35px;
    color: #fff;
  }
  .responsive-menu ul li ul ul li a {
    padding: 8px 20px 8px 50px;
font-size:14px;
  }
  .responsive-menu ul li ul li:hover > a {
    color: #000;
  }
  .responsive-menu #menu-button {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    cursor: pointer;
text-align:left;
  }
  .responsive-menu #menu-button:after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    right: 20px;
    top: 20px;
  }
  .responsive-menu #menu-button:before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #ffffff;
    right: 20px;
    top: 30px;
  }

}


.submitbtnUrlOpener {
    padding: 10px 20px;
    background: #00B698;
    border: 1px solid #00B698;
	border-radius: 5px;
color:#fff;
    margin: 20px 0;
}
.submitbtnUrlOpener:hover {

    background: #fff;
color:#00B698;
}

.blog-detail .content-box img {border: 1px solid; }