ul {
    list-style-type: initial;
}


.newcontainerforlandings ul{
  list-style-type: none !important;
}



/* New Layout */
.newcontainerforlandings{
    max-width: 1200px;
    margin: 0 auto;
}


.page-template-template-landingpage2015-php #zoneslides {

  font-family: "Open Sans",Helvetica,sans-serif  !important;
  
}

.newcontainerforlandings {
  font-family: 'Open Sans', Helvetica, sans-serif;
  color: #858C91 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  font-weight:400 !important;
}


.newcontainerforlandings button,.newcontainerforlandings input{
  font-family: 'Montserrat', sans-serif !important;
}

.newcontainerforlandings h1,
.newcontainerforlandings h2,
.newcontainerforlandings h3,
.newcontainerforlandings h4,
.newcontainerforlandings h5,
.newcontainerforlandings h6{

    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold !important;
    margin-bottom: 20px;
    color: #343434;
    position: relative;
    letter-spacing: 2px !important;
    text-transform: uppercase;

}

.newcontainerforlandings h1 { 
  font-size: 34px  !important;
  line-height: 50px !important;
}


.newcontainerforlandings  h2 { 
  font-size: 23px !important;
  line-height: 36px !important;
 }

.newcontainerforlandings  h3 { 
  font-size: 18px !important;
  line-height: 34px !important;
}

.newcontainerforlandings  h4 { 
  font-size: 14px !important;
  line-height: 22px !important;
}

.newcontainerforlandings  h5 { 
  font-size: 10px !important;
  line-height: 18px !important;
}

.newcontainerforlandings  h6 { 
  font-size: 8px !important;
  font-weight: 400 !important;
}


.newcontainerforlandings  .ui-accordion-header{
  font-size: 14.5px !important;
  color: #A1A09D !important;
  margin-bottom: 0px !important;
}

.newcontainerforlandings  .ui-accordion-header a{
  font-size: 14px !important;
  color: #A1A09D !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important; 
}

.newcontainerforlandings  .ui-state-hover a,
.newcontainerforlandings .ui-state-active a{
  text-transform: uppercase !important; 
  color: black !important;
}


/*Padding for FAQ EBOOK HEADING*/

.padding20{
	padding-left: 20px !important;
	padding-right: 20px !important;
}


/* END LAYOUT */



/*Custom Visual Editor*/


/*Listas Con Dots*/
.newcontainerforlandings  .wpb_text_column .listwhitdot{
  margin: 0px 0px 10px 0px !important;
}


.newcontainerforlandings  .wpb_text_column ul > li{
    background: url('http://www.gryffin.com/wp-content/uploads/2014/11/benefits-arrow.png') no-repeat scroll 10px 10px transparent;
    padding: 7px 0px 9px 56px;
}


/*Nuevos botones*/

.btntabsection{
  text-align: center;
  margin: 0px auto;
  display: block;
  background-color: rgba(124, 124, 124, 0.5);
  padding: 11px 1px !important;
  border-radius: 5px;
  border:0px;
  width: 100%;
  text-transform: uppercase;
  font-weight: bold !important;
  letter-spacing: initial !important;
  font-size: 1.01em !important;
  color: black !important;

}

.btntabsection:hover{
background: none repeat scroll 0% 0% #F18A27 ;
 color: black !important;
}

.btntabsectionon{
  background-color: #F18A27;
  color: black !important;
}


.speech-bubble:after {
   
   content: "";
  position: absolute;
  top: 100%;
  left: 48%;
  border-top-width: 10px;
  border-top-style: solid;
  border-top-color: #F18A27 !important;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}


/*Boton Download Ebook*/

#downloadebook{
	margin: 0px auto;
	display: block;
	border-radius: 5px;
	text-transform: uppercase;
	box-shadow: 0px 4px rgba(246, 45, 45,1);
	-moz-box-shadow: 0px 4px rgba(246, 45, 45,1);
	-webkit-box-shadow: 0px 4px rgba(246, 45, 45,1);
	-ms-box-shadow: 0px 4px rgba(246, 45, 45,1);	
}

.newcontainerforlandings .gform_button,.newcontainerforlandings .gform_button:hover{
  margin: 0px auto;
  background-color: #FE5000 !important;
  display: block;
  border-radius: 5px;
  border-style: none;
  text-transform: uppercase;
  box-shadow: 0px 4px rgba(246, 45, 45,1);
  -moz-box-shadow: 0px 4px rgba(246, 45, 45,1);
  -webkit-box-shadow: 0px 4px rgba(246, 45, 45,1);
  -ms-box-shadow: 0px 4px rgba(246, 45, 45,1);  
}

/*Tabs Text*/

.tabstext{
	display: none;
}

.tabstextone{
	display: initial !important;
}

/*Heading*/
.uvc-main-heading h1,.uvc-main-heading h2,.uvc-main-heading h3,
.uvc-main-heading h4,.uvc-main-heading h5,.uvc-main-heading h6{
  margin-bottom: 10px !important;
}

.uvc-sub-heading,.uvc-sub-heading > p{
  line-height: 25px !important;
}

/*Box Icon*/
.aio-icon-component .aio-icon-box {
  margin-bottom: 10px !important; 
}

.aio-icon-component .top-icon  .aio-icon-header{
text-align: center;
}

/*Carousel*/
.ultsl-arrow-left6,.ultsl-arrow-right6{
  font-size: inherit !important;
}

button.slick-prev.default > i,button.slick-next.default > i{
    font-size: inherit !important;
}


/*END Custom Visual Editor*/


/*Widget Revolution Slider*/

.page-template-template-landingpage2015-php #zoneslides .widgettitle{
	display: none;
}

.page-template-template-landingpage2015-php #zoneslides > li{
  list-style: none;
}




/*Gravity for Revolution Slider*/

.rev_slider .gform_wrapper ul li, .rev_slider .gform_wrapper ul li, .rev_slider .gform_wrapper ul li:before {
 list-style:inherit !important; 
 position: inherit !important; 
 visibility:inherit !important; 
}

.rev_slider .gform_wrapper .top_label input.large,
.rev_slider .gform_wrapper .top_label select.large, 
.rev_slider .gform_wrapper .top_label textarea.textarea{
width: 87.2%;
border-bottom: 0px;
margin: 0 auto;
margin-bottom: 13px;
}

.rev_slider .gform_wrapper .gf-add-placeholder{
	border: 0 !important;
}

.rev_slider .gform_wrapper .gf-add-placeholder input{
  color: black;
}

.rev_slider .gform_wrapper .top_label textarea.textarea  {
    color: black ;
}

.rev_slider .gform_wrapper #gform_submit_button_8 {
  display: block;
  margin: 0 auto;
  width: 87%;
}

.rev_slider .gform_wrapper .gform_heading {
  margin-bottom: 14px;
}

.rev_slider .gform_wrapper .gform_title{
  text-align: center;
  font-size: 35px;
}

/* END Gravity for Revolution Slider*/


/* Download Free Ebook */

.newcontainerforlandings .wpb_wrapper .gform_fields li {
 margin-bottom: 15px;
}

.newcontainerforlandings .wpb_wrapper  .gform_title{
  font-size: 22px !important;
}

.newcontainerforlandings .wpb_wrapper .gform_description{
  color: white;
  font-weight: 600;
}

.newcontainerforlandings .wpb_wrapper input.large{
  padding: 5px;
}


/*
iMac Info*/
.imacinfodiv > div{
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*
Mac image*/
.imac .column_image{
  margin-bottom: 10px;
  margin-top: 10px;
}


/* END Download Free Ebook*/





.page-template-template-landingpage-php #title-area{display:none;}


#title-area {
    background-size: cover;
    background-image: url('http://www.gryffin.com/wp-content/uploads/2012/05/blog-356.png');
   background-color:#58C5EA !important;
}

#titlesliderblog{font-size: 36px !important;}

#custom-title-area {
    background-color: #AA4380 !important;
}

#fullResImage{width:100%;}

.homeTitleHead1{margin-bottom: 0px;font-size: 60px;}
.homeTitleHead2{margin-bottom: 0px;font-size: 24px;}

#showcase-filter{padding-right:2%;margin: 10px 0px;}

.p10{padding-left: 3%;padding-right: 3%;}
.ourworkimageinfo{text-transform: uppercase;font-size: 1.1em;}

.wpb_row {
        margin-right: 0px !important;
}

#uber-grid-6326 .uber-grid-hover {background-color: rgba(30, 30, 30, 0.17) !important ; }

.vc_custom_1406834239971{margin-bottom: 0px !important; }


/** SIDEBARS **/

.widget-title {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 2px;
}



.search-form .search-text {
float: left;
margin: 0px 0px 3px 0px;
padding: 12px 28px 12px 12px;
width: 100%;
color: #808080;
border: 1px solid rgba(128, 128, 128, 0.2);
font-size: 12px;
text-transform: uppercase;
background: none repeat scroll 0% 0% transparent;
border-radius: 0px;
box-sizing: border-box;
box-shadow: none;
border-right: none;
}

.search-form .submit {
position: inherit;
border: 1px solid rgba(128, 128, 128, 0.2);

}

.widget-title {
    font-weight: 500;
    text-transform: uppercase;
}

h3.widget-title >span:after {
    display: block;
    content: "";
    width: 70px;
    height: 5px;
    background-color: rgba(128, 128, 128, 0.15);
    margin: 10px 0px;
    margin-top: 2px;
}

/** STU **/
.stu{
background-color: #E7EBEE;
padding: 10px 30px;
}

.stu > h3{
font-size: 1.3em;
font-weight: 800;
letter-spacing: 0px;
}

.stu > p{
font-size: 1.4em;
color: #607887;
}

.fu > ul > li {
padding: 0;
margin-right: 7px;
transition: none;
background: none;
border-top: 0px;
float: left;
}

.fu > ul > li:hover {
padding-left:0px;
}
.fu > ul > li > a> img{width: 40px; margin-bottom:10px;}

#kento-highlight-widget ul.tabs li a{
	background:none !important;
}

#kento-highlight-widget ul.tabs li.active{
border-left: 0px;
border-right: 0px;
}

#kento-highlight-widget ul.tabs li:nth-child(2) {
    border-left: 0px solid #666;
    border-right: 0px solid #666;
}

/** CATEGORIES **/

.widget_categories li, .widget_product_tag_cloud li {
    display: inline-block;
margin: 0px;
border-top: 0px;
padding: 0;
margin-right: 7px;
transition: none;
background: none;
border-top: 0px;
float: left;
}

.widget_categories li:hover, .widget_product_tag_cloud li:hover {
padding-left:0px;
}

.widget_tag_cloud a, .widget_categories a, .widget_product_tag_cloud a {
    display: inline-block;
    margin: 8px 3px 0px 0px;
    padding: 8px 10px;
    text-transform: capitalize;
    font-size: 12px !important;
    line-height: 100%;
    background-color: rgba(128, 128, 128, 0.1);
font-size: 1.3em !important;
}

/** SUBSCRIVE WIDGET **/

#subscrivewidget{
background:#3FC6FE;
}

#subscrivewidget li{
background:none;
padding: 0;
}

#input_3_1{padding: 10px;font-size: 1em;}

#subscrivewidgett form li{
list-style: none outside none !important;
background: none !important;
margin: 0px;
padding-top:0px;
padding-bottom:0px;
border: 0px none !important;
padding-left:0px;
}
#subscrivewidget form li:hover{transition: none !important;padding-left: 0px;}

#subscriveform{padding: 1px 15px 1px 23px;}
#subscriveform .gform_footer{text-align: center;padding: 0px 0px 10px;}

#subscrivewidget #gform_confirmation_message_3 {
    padding: 7px;
    background: none repeat scroll 0% 0% #FFF;
    border-radius: 5px;
    margin-bottom: 25px;
    text-align: center;
}
}

/** FOOTER WIDGETS **/

#footer .widget-widget_nav_menu h3{border-bottom:0px;color: #F3BA38;padding-left: 18px;}

#footer .widget-widget_nav_menu li {
background: none;
padding-bottom: 0px;
border-top:0px;
padding-top: 0px;
}

#footer .widget-widget_nav_menu li a {
font-size: 1.2em;
}

/** CONTACT PAGE **/

#formcontactpage{
width: auto;
margin: 0px auto;
min-width: 300px;
max-width: 600px;
padding: 1px 10px;
}

#formcontactpage ul .gfield  > .gfield_label{
color: rgba(57, 52, 52, 1);
font-weight: 300;
font-size: 0.9em;
}

#formcontactpage  .ginput_container > input,
#formcontactpage  .ginput_container > textarea{font-size: 0.9em;padding: 5px;}

/** FOOTER CONTACT **/

.footercontact{
padding: 19px 22px;
padding-bottom:1px;
background-color: #F3F3F3;
border-radius: 5px;
color: black;
}

.footercontact .wpcf7-form-control{padding-bottom:0px !important;}

.footercontact .wpcf7-submit {padding: 10px 34px !important; }

.footercontact > .su-row > .su-column-size-1-2{margin:0;}

.footercontact .footercontactlast  .su-column-size-1-2{margin-left: 23px !important;}

.mb5{margin-bottom:5px;font-size: 16px;}

.gf_footercontact{
background: none repeat scroll 0% 0% #F3F3F3;
padding: 1px 20px;
border-radius: 5px;
}

.gf_footercontact form li{
list-style: none outside none !important;
background: none !important;
margin: 0px;
padding-top:0px;
padding-bottom:0px;
border: 0px none !important;
padding-left:0px;
}
.gf_footercontact form li:hover{transition: none !important;padding-left: 0px;}
.gf_footercontact form li input{padding: 8px 10px !important;
font-size: 0.9em !important;;}
.gf_footercontact .gfield_label{color: rgba(72, 64, 64, 1);font-weight: 300 !important;text-transform: uppercase;}

.gf_footercontact .gform_footer {padding-top:0px !important;margin-top:0px important;}
.gf_footercontact #gform_confirmation_message_2{
text-align: center;
color: black;
padding: 16px 0px;}


/** Screen Blog Feature **/

.tp-caption.small_text{padding: 0px 11% !important;}
.fromtheblogtitle{margin-bottom: 0px !important;}

#sliderfeatureblog > img {
width: 730px;
height: 456px;
}
 
#lastpostinslider {
width: 500px;
height: 362px;
}

#lastpostinslider .post-title,
#lastpostinslider .entry-content{visibility: visible;}

#lastpostinslider .post-title{ font-size: 0.7em;}

/** FOOTER **/

#footer > .inner {
padding-left: 8%;
padding-right: 8%;
}
#sidebars-footer{
padding-top: 22px;
padding-bottom: 0px !important;
}

#sidebar-footer4 > #text-7{

margin-bottom: 0px;
top: -13px;
position: relative;

}

.footercontact > .wpb_row {margin-bottom:0px;}
#sidebars-footer {padding-bottom: 0px ;}

/** BLOG WIDGET **/

.post-taps > .active a{font-family: tw_cen_mtregular !important;}

.post-taps > li { border-top: 0px dotted #AAA;}


.search-form{margin:0px; max-width: none;}
.search-form .search-text {width: 85%;margin:0px;}
.search-form #searchsubmit{width: 14%;margin:0px;}

div.uber-grid-filters > div:last-child {margin-right: 0px !important;}

.paddingofgallery{
padding-left:15%;
padding-right:15%;
}

.paddingofgallery8{
padding-left:8%;
padding-right:8%;
}

.titleservieshome > div > h2{
font-size: 24px;
letter-spacing: -1px;
font-weight: 600;}

.mfp-img{max-height: none !important;}

#footerbg {
width: 94%;
border: 7px solid #d8ca8d;
}

.step1 > .vc_span2 {width:24%;float:left;}
.step1 > .vc_span10 {width:74%;float:right;}

.step2 > .vc_span2 {width:24%;float:right;}
.step2 > .vc_span10 {width:74%;float:left;}

.step3 > .vc_span2 {width:24%;float:left;}
.step3 > .vc_span10 {width:74%;float:right;}

.step4 > .vc_span2 {width:24%;float:right;}
.step4 > .vc_span10 {width:74%;float:left;}

.step5 > .vc_span2 {width:24%;float:left;}
.step5 > .vc_span10 {width:74%;float:right;}

/** Tools **/
.fl{float:left;}
.fr{float:right;}
.imagemarginauto img{margin: 0 auto;}

/** Landing Pages**/

.titlel1{
text-transform: uppercase;
font-size: 34px;
font-weight: 600;
margin-bottom: 0px;}

.titlel2{
text-transform: uppercase;
font-size: 22px;
font-weight: 400;}


.titlel3{
text-transform: uppercase;
font-size: 28px;
font-weight: 500;}


.titlel4{
text-transform: uppercase;
font-size: 24px;
font-weight: 400;}

.textforribbon{position: relative;top: 15px;}

.ribbontitle{background-position: center center !important;background-repeat: no-repeat;}

.landingform1{
background: none repeat scroll 0% 0% #F0F8FF;
padding: 5px 20px;
border-radius: 10px;
position: relative;
top: -109px;
z-index: 9999;
background-image: url('http://bradjasper.com/subtle-patterns-bookmarklet/patterns/blizzard.png');
background-repeat: repeat;
background-size: auto auto;
box-shadow: 0px 3px 3px rgba(239, 239, 239, 1);
}

.stepwhitform #gform_fields_1 #input_1_3,
.stepwhitform #gform_fields_1  #input_1_4 {
padding: 13px 11px;
font-size: 1em;
border-radius: 5px;
}

.landingform1 ul li input,.landingform1 ul li textarea{border-radius:5px;}
.landingform1 ul .gfield  > .gfield_label{
color: rgba(102, 97, 97, 1);
font-weight: 300;
font-size: 0.9em;
}






/*New Edits for landing by cl*/

/*Section whit Gravity Forms*/

.sectionwhitcontact .gform_title{
  font-size: 31px !important;
  margin-bottom: 23px !important;
}


.sectionwhitcontact .gform_description{
  font-size: 16px !important;
}

.sectionwhitcontact  .ginput_container input{

  font-size: 16px !important;
}

.sectionwhitcontact .gform_footer{
  font-size: 18px !important;
} 

.sectionwhitcontact .column{
  margin-bottom: 0;
}

.sectionwhitcontact #gform_wrapper_8{
  background: #fcfcfc  ;
  padding: 10px 8%;
  
} 

.sectionwhitcontact #gform_wrapper_8 .ginput_container > input{
  padding: 13px 10px;
}

.sectionwhitcontact #gform_wrapper_8 .gform_button{

  width: 100%;
  border-radius: 0px !important;

}

























/** Responsive **/

.responsivefluido{}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
.responsivefluido{
 padding-right: 2% !important;
 padding-left: 2% !important;
}

.responsivefluido8x{
  padding-right: 2% !important;
  padding-left:  2% !important;
}

.service1 > .vc_span8 {width:70%;float:left;}
.service1 > .vc_span4 {width:30%;float:right;}

.service2 > .vc_span8 {width:70%;float:right;}
.service2 > .vc_span4 {width:30%;float:left;}

.service3 > .vc_span8 {width:70%;float:left;}
.service3 > .vc_span4 {width:30%;float:right;}

.service4 > .vc_span8 {width:70%;float:right;}
.service4 > .vc_span4 {width:30%;float:left;}

.service5 > .vc_span8 {width:70%;float:left;}
.service5 > .vc_span4 {width:30%;float:right;}

.service6 > .vc_span8 {width:70%;float:right;}
.service6 > .vc_span4 {width:30%;float:left;}

.service7 > .vc_span8 {width:70%;float:left;}
.service7 > .vc_span4 {width:30%;float:right;}

.service8 > .vc_span8 {width:70%;float:right;}
.service8 > .vc_span4 {width:30%;float:left;}

.service9 > .vc_span8 {width:70%;float:left;}
.service9 > .vc_span4 {width:30%;float:right;}

.service10 > .vc_span8 {width:70%;float:right;}
.service10 > .vc_span4 {width:30%;float:left;}

}
 
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
.responsivefluido{
 padding-right: 2% !important;
 padding-left: 2% !important;
}

.responsivefluido8x{
  padding-right: 3% !important;
  padding-left:  3% !important;
}

.service1 > .vc_span8 {width:70%;float:left;}
.service1 > .vc_span4 {width:30%;float:right;}

.service2 > .vc_span8 {width:70%;float:right;}
.service2 > .vc_span4 {width:30%;float:left;}

.service3 > .vc_span8 {width:70%;float:left;}
.service3 > .vc_span4 {width:30%;float:right;}

.service4 > .vc_span8 {width:70%;float:right;}
.service4 > .vc_span4 {width:30%;float:left;}

.service5 > .vc_span8 {width:70%;float:left;}
.service5 > .vc_span4 {width:30%;float:right;}

.service6 > .vc_span8 {width:70%;float:right;}
.service6 > .vc_span4 {width:30%;float:left;}

.service7 > .vc_span8 {width:70%;float:left;}
.service7 > .vc_span4 {width:30%;float:right;}

.service8 > .vc_span8 {width:70%;float:right;}
.service8 > .vc_span4 {width:30%;float:left;}

.service9 > .vc_span8 {width:70%;float:left;}
.service9 > .vc_span4 {width:30%;float:right;}

.service10 > .vc_span8 {width:70%;float:right;}
.service10 > .vc_span4 {width:30%;float:left;}

}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
.responsivefluido{
 padding-right: 2% !important;
 padding-left: 2% !important;
}

.responsivefluido8x{
  padding-right: 2% !important;
  padding-left:  2% !important;
}

.service1 > .vc_span8 {width:70%;float:left;}
.service1 > .vc_span4 {width:30%;float:right;}

.service2 > .vc_span8 {width:70%;float:right;}
.service2 > .vc_span4 {width:30%;float:left;}

.service3 > .vc_span8 {width:70%;float:left;}
.service3 > .vc_span4 {width:30%;float:right;}

.service4 > .vc_span8 {width:70%;float:right;}
.service4 > .vc_span4 {width:30%;float:left;}

.service5 > .vc_span8 {width:70%;float:left;}
.service5 > .vc_span4 {width:30%;float:right;}

.service6 > .vc_span8 {width:70%;float:right;}
.service6 > .vc_span4 {width:30%;float:left;}

.service7 > .vc_span8 {width:70%;float:left;}
.service7 > .vc_span4 {width:30%;float:right;}

.service8 > .vc_span8 {width:70%;float:right;}
.service8 > .vc_span4 {width:30%;float:left;}

.service9 > .vc_span8 {width:70%;float:left;}
.service9 > .vc_span4 {width:30%;float:right;}

.service10 > .vc_span8 {width:70%;float:right;}
.service10 > .vc_span4 {width:30%;float:left;}

}


@media only screen
and (min-width : 321px)
and (max-width : 750px) {
/* Styles */
.responsivefluido{
 padding-right: 4% !important;
 padding-left: 4% !important;
}

.responsivefluido8x{
  padding-right: 2% !important;
  padding-left:  2% !important;
}

.service1 > .vc_span8 {width:70%;float:left;}
.service1 > .vc_span4 {width:30%;float:right;}

.service2 > .vc_span8 {width:70%;float:right;}
.service2 > .vc_span4 {width:30%;float:left;}

.service3 > .vc_span8 {width:70%;float:left;}
.service3 > .vc_span4 {width:30%;float:right;}

.service4 > .vc_span8 {width:70%;float:right;}
.service4 > .vc_span4 {width:30%;float:left;}

.service5 > .vc_span8 {width:70%;float:left;}
.service5 > .vc_span4 {width:30%;float:right;}

.service6 > .vc_span8 {width:70%;float:right;}
.service6 > .vc_span4 {width:30%;float:left;}

.service7 > .vc_span8 {width:70%;float:left;}
.service7 > .vc_span4 {width:30%;float:right;}

.service8 > .vc_span8 {width:70%;float:right;}
.service8 > .vc_span4 {width:30%;float:left;}

.service9 > .vc_span8 {width:70%;float:left;}
.service9 > .vc_span4 {width:30%;float:right;}

.service10 > .vc_span8 {width:70%;float:right;}
.service10 > .vc_span4 {width:30%;float:left;}

.responsivetool > div:nth-child(1){float: right;width: 53%;}
.responsivetool > div:nth-child(2){display:none;}
.responsivetool > div:nth-child(3){float: left;width: 45%;}

.responsivetool1 > div:nth-child(1){float: right;width: 53%;}
.responsivetool1 > div:nth-child(2){display:none;}
.responsivetool1 > div:nth-child(3){float: left;width: 45%;}



}


 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
.responsivefluido{
    padding-right: 5% !important;
    padding-left: 5% !important;
}

.responsivefluido8x{
  padding-right: 4% !important;
  padding-left:  4% !important;
}

}

 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
.responsivefluido{
    padding-right: 5% !important;
    padding-left: 5% !important;
}

.responsivefluido8x{
  padding-right: 4% !important;
  padding-left:  4% !important;
}

}
 
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
.responsivefluido{
    padding-right: 5% !important;
    padding-left: 5% !important;
}

.responsivefluido8x{
  padding-right: 4% !important;
  padding-left:  4% !important;
}

}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
.responsivefluido{
    padding-right: 15% !important;
    padding-left: 15% !important;
}

.responsivefluido8x{
  padding-right: 8% !important;
  padding-left:  8% !important;
}

}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
.responsivefluido{
    padding-right: 15% !important;
    padding-left: 15% !important;
}

.responsivefluido8x{
  padding-right: 8% !important;
  padding-left:  8% !important;
}

}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
.responsivefluido{
    padding-right: 4% !important;
    padding-left: 4% !important;
}

.responsivefluido8x{
  padding-right: 2% !important;
  padding-left:  2% !important;
}

.service1 > .vc_span8 {width:70%;float:left;}
.service1 > .vc_span4 {width:30%;float:right;}

.service2 > .vc_span8 {width:70%;float:right;}
.service2 > .vc_span4 {width:30%;float:left;}

.service3 > .vc_span8 {width:70%;float:left;}
.service3 > .vc_span4 {width:30%;float:right;}

.service4 > .vc_span8 {width:70%;float:right;}
.service4 > .vc_span4 {width:30%;float:left;}

.service5 > .vc_span8 {width:70%;float:left;}
.service5 > .vc_span4 {width:30%;float:right;}

.service6 > .vc_span8 {width:70%;float:right;}
.service6 > .vc_span4 {width:30%;float:left;}

.service7 > .vc_span8 {width:70%;float:left;}
.service7 > .vc_span4 {width:30%;float:right;}

.service8 > .vc_span8 {width:70%;float:right;}
.service8 > .vc_span4 {width:30%;float:left;}

.service9 > .vc_span8 {width:70%;float:left;}
.service9 > .vc_span4 {width:30%;float:right;}

.service10 > .vc_span8 {width:70%;float:right;}
.service10 > .vc_span4 {width:30%;float:left;}

}