@media
	only screen and (max-width:319px),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape),
	only screen and (min-width:481px) and (max-width:767px) 
{

.seol {
	position:relative; 
	top:0px; 
	padding: 25px 0px 25px 0px; 
}

.seol::before,
.seol::after {
  content: "";
  background: #fff;
  opacity:1;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;   
}
.seol::after {ppbackground:#fff}

.seol * {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;  
}
.seol * { color:  rgba( 0, 139, 192, 1); }

.seol .jContainer { background: transparent; }
.seol .jContainer .container { background: transparent; }

.seol .row.flexCanGen { flex-direction: column; }
/* .flex-container {display:flex; flex-direction:row;} */
.flex-item {
	xx-flex:1 0 0; /* for equal width boxes */
	padding: 0; 
	border:1px dashed rgba(0, 139, 192, 1);

    flex: 1 1 auto;
    padding: 5px 0 0 0;
    background: rgba(255,255,255,1);
	max-width: 280px;
    min-width: 280px;
    z-index: 1;
    margin: 25px auto;
    }


.flex-item.one {}
.flex-item.two {xx-margin: 0 25px}
.flex-item.three {}

.fi_inr { height:100%; background:rgba(255,255,255,1.0); xx-background:linear-gradient( transparent, transparent, #fff, #fff, #fff); display:flex; flex-direction:column; xxalign-content: space-between; }

.fi_col_ikn  {text-align:center; }

.seolBoxes {xxbackground:#00bfff; 	position:relative; top:0px;text-align:center}
.seol .BxHdrBg { display:block; position:relative; top:0px; padding: 6px 10px 0px 10px}

/* seol Box1 start */
.seoBnr {font-size:200%}
.seol h2 {font-size: 100%;}
.seoBnr span {font-size: 100%}

.seoBnr .seo {
	display:block;
	font-size: 140%;  
	line-height: 1.5em;
	color:rgba(255,212,84,1);
	xx-text-shadow:3px 3px 0px #ccc, 0px 0px 5px red;
}
.seoBnr .improve {
	display:block;
	font-size: 110%; xxcolor:rgba(0,200,255,1);
	line-height:1.25; letter-spacing:0.05em; xx-text-shadow:0px 1px 0px #009eee;
	font-family: 'OpenSansLight';
}
.seoBnr .ranking {
	display:block;
	font-size:110%; xxcolor:rgba(0,200,255,1);
	line-height:1.25; letter-spacing:0.05em; xx-text-shadow:0px 1px 0px #009eee;
	font-family: 'OpenSansLight';
}
.seoBnr .online {
	display:block;	
	xxcolor:rgba(0,200,255,1);
	font-size:105%; letter-spacing:0.05em; 
	line-height:1.25; xx-text-shadow:0px 1px 0px #009eee;
	font-family: 'OpenSansLight';
}
.seoBnr .visibility {
	display:block;
	xxcolor:rgba(0,200,255,1);
	font-size:105%; letter-spacing:0.05em; 
	line-height:1.25; xx-text-shadow:0px 1px 0px #009eee;
	font-family: 'OpenSansLight';
margin: 0 0 20px 0;x
}
.seoBnr .potential {
display:block;
    font-size: 70%;
	line-height: 1.5em;
    color: rgba(255,212,84,1);
    color: rgba(255,212,84,1);
    text-align: center;
    letter-spacing: 0.05em;
	xx-text-shadow: 1px 1px 0px #999;
	font-family: 'OpenSansRegular';
}
.seoBnr .stars {
	font-size:75%;
	text-align:center; display:inline-block; 
	line-height:0em; position:relative; top:-2px; xx-color: rgb(0 175 255);
}
.seoBnr .customers {
	font-size:100%; 
	color:rgba(255,212,84,1);
	letter-spacing:0.05em; 
	font-family: 'OpenSansRegular';
}
.seoBnr .expertise {
	font-size: 55%; 
	xx-font-style:italic; 
	display:block; position:relative; top:0px;
	xx-text-shadow: 0px 0px 0px #009eee;
	xx-letter-spacing: 0.02em;
	xx-word-spacing: 0.02em;
	font-family: 'OpenSansRegular';
}

.seoBnr .expertise .exclaim {xx-color:orange}

/* seol Box1 end */


/* seol Box2 start */

.seol .wtsSEO_Hdr.heading {color:rgba(250,200,10,1); font-size: 125%;}
.seol .wtsSEO_Bdy {position:relative; top: 0px; background:pink-xx; padding:0 15px; margin:0; }
.seol .wtsSEO-mtr.ptxt {margin:0 0 10px 0; line-height:2.0em; font-size: 100%;      font-family: 'OpenSansRegular';}
.seol .wtsSEO .lstHd {display:block; font-size:100%; border-bottom:3px solid #def; margin:0; }
.seol .wtsSEO .lstHd .ptxt{margin-bottom:5px; font-size:115%}
/* seol Box2 end */


/* seol Box3 start */
.seol .whyOM_Hdr.heading {color:rgba(250,200,10,1); font-size: 125%;}
.seol .whyOM_Hdr {font-family:'DroidSerifBold'; font-size: 125%; line-height:1.6em; letter-spacing:0.01em; xx-text-shadow: 0px 1px 0px #009eee;}
/* .seol .whyOM_Hdr .frstLtr{display:inline-block}
.seol .whyOM_Hdr .frstLtr:first-letter {color:orange; } */
.seol .whyOM_Bdy {position:relative; top: 0px; background:pink-xx; padding:0 15px; margin:0; }
.seol .whyOM-mtr.ptxt {margin:0 0 10px 0; line-height:2.0em; font-size: 100%;     font-family: 'OpenSansRegular';}
.seol .whyOM .lstHd {display:block; font-size:100%; border-bottom:3px solid #def; margin:0;}
.seol .whyOM .lstHd .ptxt{margin-bottom:5px; font-size:115%}
/* seol Box3 end */



.seol .wtsSEO-LstGrp .lil1 .heading .stxt,
.seol .whyOM-LstGrp .lil1 .heading .stxt{	
	margin:0px; 
	font-size: 100%;
	font-family: 'OpenSansRegular';
	}


.seol .wtsSEO-LstGrp, .seol .whyOM-LstGrp {}
.seol .wtsSEO-LstGrp .lil1, .seol .whyOM-LstGrp .lil1{padding:0 0px 0 15px; position:relative; top:0;  xx-font-size:90%;}


.seol .wtsSEO-LstGrp .heading a,
.seol .whyOM-LstGrp .heading  a {
	display: block; 
	xx-border-bottom:1px dashed rgba( 0, 139, 192, 1); 
	text-align:left; 
	padding: 12px 0 12px 0;
}


.seol .wtsSEO-LstGrp .heading a .stxt,
.seol .whyOM-LstGrp .heading a .stxt {
	xx-font-size: .70em;
    line-height: 1.5em;
	padding:0;
	}

.seol .wtsSEO-LstGrp .heading a:hover,
.seol .whyOM-LstGrp .heading a:hover { 
	xx-border-bottom:1px solid crimson; 
	xx-background: rgb(50 200 245 / 50%);	
	}

.seol .wtsSEO-LstGrp .heading a:hover .stxt,
.seol .whyOM-LstGrp .heading a:hover .stxt { 
background: rgba(0, 139, 192, .2);
} 

.wtsSEO-LstGrp .lil1.caretRt01-Gnr:before {display:none}
.wtsSEO-LstGrp .lil1.caretRt01-Gnr:after {top: 1.25em; border-left-color: rgba( 0, 139, 192, 1);}


.whyOM-LstGrp .lil1.caretRt01-Gnr:before {display:none}
.whyOM-LstGrp .lil1.caretRt01-Gnr:after {top: 1.25em; border-left-color: rgba( 0, 139, 192, 1);}


.seol .seolBx2-ftr {margin-top: 25px; xx-margin-bottom:5px; xx-margin-right:10px}

.seol div.explr {
	display:block;
	position:relative; 
	left:0px;
	height:50px;
	width:100%;
	text-align:center;
}

.seol div.explr a.seolmore {font-size:100%;  height:100%; display:block; position:relative; top:0px; padding:0 10px; line-height:3.00em; margin:0 10px; color:#0075ae; border-radius:50px; transition: all .5s ease-in-out; width:40%; xx-text-shadow:0px 0px 0px #000; text-align:right; float:right;}
	
/* .seol div.explr a.seolmore:hover { background:rgba(255,165,0,1); border-radius:50px; padding-right:15px; color:#fff; font-weight:bold; transition: all .5s ease-in-out; box-shadow: 0px 13px 20px -15px #333;}
 */
.seol a.seolmore i.fa {font-size:20px; font-style: normal; color:#0075ae; ; transition: all .5s ease-in-out; }
/* .seol a.seolmore:hover i.fa {xxbackground:orange;font-weight:bold; margin-right:25px; color:#fff; xxxx-text-shadow:1px 1px 1px #333; transition: all .5s ease-in-out; } */



/* .seol .shaEff01
{
  position: relative;
  top:0;
  z-index:1;
  xxbox-shadow:0px 0px 10px 1px #ddd;
}

.seol .shaEff01:before, .seol .shaEff01:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.seol .shaEff01:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
} */

/* x319, i320-x480-P, i320-x480-L, i481-x767 */
}





@media only screen and (min-width:360px) and (max-width:767px)  and (orientation:portrait){

.flex-item {
min-width: 320px; 
z-index:2;
}

.seoBnr {    xx-font-size: 145%;}

/* i360-x767 */
}

@media only screen and (min-width:360px) and (max-width:767px) and (orientation:landscape) {

.flex-item {
max-width: 100%; 
z-index:2;
}

.seol .wtsSEO-LstGrp .lil1 .heading .stxt, .seol .whyOM-LstGrp .lil1 .heading .stxt {
    margin: 0px;
    font-size: 3vw;
	line-height:2.5em;
}


.seoBnr {    xx-font-size: 145%;}

/* i360-x767 */
}






@media only screen and (min-width:768px) and (max-width:991px) {

section.seol {
	position:relative; 
	top:0px; 
	padding:75px 0px 50px 0px; 
}

section.seol::before,
section.seol::after {
  content: "";
  background: url('../images/bg1.jpg') 40% 10%;
  opacity:.75;
  background:#fff;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;   
}

section.seol::after {background:#fff}


.seol * {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;  
}
.seol * { color:#0075ae}

.seol .jContainer { background: transparent; }
.seol .jContainer .container { background: transparent; }


.seol .row.flexCanGen {
	flex-direction:row; 
	flex-wrap:wrap;
}

/* .flex-container {display:flex; flex-direction:row;} */

.flex-item {
	xx-flex:1 0 0; /* for equal width boxes */
	width:33.33%;
	padding:0px 0px; 
	xxbox-shadow:0px 5px 10px -6px #000; 
    border-width: 3px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 100%, 0 0, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;  
    -o-border-image:
      -o-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to top, #ddd, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(rgba(0, 0, 0, 0), #ddd, rgba(0, 0, 0, 0)) 1 100%;
}
.flex-item.one {width:100%; background:#fff	}
.flex-item.two {width:47.5%; margin: 0}
.flex-item.three {width:47.5%;}

.fi_inr { 
	height:100%; 
	background:#fff; 
	background:linear-gradient( transparent, transparent, #fff, #fff, #fff); 
	display:flex; 
	flex-direction:column; 
	xxalign-content: space-between; 
}

.fi_col_ikn  {
	text-align:center; 
	padding:10px 0 0 0;
}

.seolBoxes {
	xxbackground:#00bfff; 
	position:relative; 
	top:0px;
	text-align:center;
}

.seol .BxHdrBg { 
	display:block; 
	position:relative; 
	top:0px; 
	padding:12px 10px; 
	white-space:nowrap;
 }

/* seol Box1 start */
.seoBnr {
	font-size:175%; 
}
.seol .seoBnr .heading {
	font-size: 100%; 
	display:flex; 
	flex-direction:row; 
	flex-wrap:wrap; 
	justify-content: space-around;
}

/* .seoBnr span {font-size:105%} */
.seoBnr .improve {	
	color:orange;
	xxcolor:crimson; 
	xx-text-shadow: 1px 1px 0px #ccc;
	font-size: 125%;
}

.seoBnr .ursite{        
	xxcolor: rgba(0,200,255,1); 
	xx-text-shadow:  0px 1px 0px #009eee;
}

.seoBnr .seo {
	display:block;
	font-size: 500%;  
	line-height:1.0em;
	color:rgba(255,212,84,1);
	xx-text-shadow:3px 3px 0px #ccc, 0px 0px 5px red;
}

.seoBnr .ranking {
	display:inline	;
	font-size:180%; 
	xxcolor:rgba(0,200,255,1);
	line-height:1.5; 
	letter-spacing:0.05em; 
	xx-text-shadow:0px 1px 0px #009eee;
}
.seoBnr .online {
	display:block;	
	xxcolor:rgba(0,200,255,1);
	font-size:175%;
	letter-spacing:0.05em; 
	line-height:1.5; 
	xx-text-shadow:0px 1px 0px #009eee;
}
.seoBnr .visibility {
	display:block;
	xxcolor:rgba(0,200,255,1);
	font-size:155%; 
	letter-spacing:0.05em; 
	line-height:1.5; 
	xx-text-shadow:0px 1px 0px #009eee;
}
.seoBnr .potential {
	display:block;
    font-size: 80%;
	line-height:1.75;
    color: rgba(255,0,0,1);
    color: orange;
    text-align: center;
    letter-spacing: 0.05em;
	xx-text-shadow: 1px 1px 0px #999;
}
.seoBnr .stars {
	font-size:75%;
	text-align:center; 
	display:inline-block; 
	line-height:0em; 
	position:relative; 
	top:-2px; 
	color:#f00;
	padding: 0 10px;
}
.seoBnr .customers {
	font-size:100%; 
	color:rgba(255,0,0,1);
	color:orange;
	letter-spacing:0.05em; 
}
.seoBnr .expertise {
	font-size:50%; 
	font-style:italic; 
	display:block; 
	position:relative; 
	top:0px;
	xx-text-shadow: 0px 0px 0px #009eee;
	letter-spacing: 0.02em;
	word-spacing: 0.02em;
}

.seoBnr .expertise .exclaim {color:orange}

/* seol Box1 end */


/* seol Box2 start */
.seol .wtsSEO_Hdr {xx-font-family:'DroidSerifBold'; font-size: 110%; line-height:2.0em; letter-spacing:0.03em; xx-text-shadow: none;}
.seol .wtsSEO_Hdr .frstLtr{display:inline-block}
.seol .wtsSEO_Hdr .frstLtr:first-letter {color:orange; }
.seol .wtsSEO_Bdy {position:relative; top:0px; background:pink-xx; padding:0 15px; margin:0; }
/* .seol .wtsSEO-mtr {margin:0 0 20px 0; line-height:2.0em; } */
.seol .wtsSEO .lstHd {display:block; font-size:100%; border-bottom:3px solid #def; margin:0; }
.seol .wtsSEO .lstHd .ptxt{margin-bottom:10px}
/* seol Box2 end */


/* seol Box3 start */
.seol .whyOM_Hdr {xx-font-family:'DroidSerifBold'; font-size: 100%; line-height:2.0em; letter-spacing:0.01em; xx-text-shadow:none;}
.seol .whyOM_Hdr .frstLtr{display:inline-block}
.seol .whyOM_Hdr .frstLtr:first-letter {color:orange; }
.seol .whyOM_Bdy {position:relative; top:0px; background:pink-xx; padding:0 15px; margin:0; }
/* .seol .whyOM-mtr {margin:0 0 20px 0; line-height:2.0em;} */
.seol .whyOM .lstHd {display:block; font-size:100%; border-bottom:3px solid #def; margin:0;}
.seol .whyOM .lstHd .ptxt{margin-bottom:10px}
/* seol Box3 end */


/* 
.seol .wtsSEO-LstGrp .lil1 .heading .stxt,
.seol .whyOM-LstGrp .lil1 .heading .stxt{	
	margin:0px; 
	} */


.seol .wtsSEO-LstGrp, .seol .whyOM-LstGrp {}
.seol .wtsSEO-LstGrp .lil1, .seol .whyOM-LstGrp .lil1{padding:5px 0px 5px 15px; position:relative; top:0;}


.seol .wtsSEO-LstGrp .heading a,
.seol .whyOM-LstGrp .heading  a {
	display:table; border-bottom:1px solid transparent; text-align:left}


.seol .wtsSEO-LstGrp .heading a .stxt,
.seol .whyOM-LstGrp .heading a .stxt {
	font-size: .85em;
    line-height: 1.5em;
	padding:0;margin:0px; 
	}

.seol .wtsSEO-LstGrp .heading a:hover,
.seol .whyOM-LstGrp .heading a:hover { 
	border-bottom:1px solid crimson;  	}


.wtsSEO-LstGrp .lil1.caretRt01-Gnr:before {display:none}
.wtsSEO-LstGrp .lil1.caretRt01-Gnr:after {top:12px; border-left-color:#0075ae}


.whyOM-LstGrp .lil1.caretRt01-Gnr:before {display:none}
.whyOM-LstGrp .lil1.caretRt01-Gnr:after {top:12px; border-left-color:#0075ae}


.seol .seolBx2-ftr {margin-top: auto; margin-bottom:5px; margin-right:10px}

.seol div.explr {
	display:block;
	position:relative; 
	left:0px;
	height:50px;
	width:100%;
	text-align:center;
}

.seol div.explr a.seolmore {font-size:100%;  height:100%; display:block; position:relative; top:0px; padding:0 10px; line-height:3.00em; margin:0 10px; color:#0075ae; border-radius:50px; transition: all .5s ease-in-out; width:40%; xx-text-shadow:0px 0px 0px #000; text-align:right; float:right;}
	
.seol div.explr a.seolmore:hover { background:rgba(255,165,0,1); border-radius:50px; padding-right:15px; color:#fff; font-weight:bold; transition: all .5s ease-in-out; box-shadow: 0px 13px 20px -15px #333;}

.seol a.seolmore i.fa {font-size:20px; font-style: normal; color:#0075ae; ; transition: all .5s ease-in-out; }
.seol a.seolmore:hover i.fa {xxbackground:orange;font-weight:bold; margin-right:25px; color:#fff; xxxx-text-shadow:1px 1px 1px #333; transition: all .5s ease-in-out; }



.seol .shaEff01
{
  position: relative;
  top:0;
  z-index:1;
  xxbox-shadow:0px 0px 10px 1px #ddd;
  margin: 0 0 25px 0;
}

.seol .shaEff01:before, .seol .shaEff01:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.seol .shaEff01:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* i768-x991 */
}






























@media only screen and (min-width:992px) and (max-width:1199px) {

section.seol {
	position:relative; 
	top:0px; 
	padding:75px 0px 50px 0px; 
}

section.seol::before,
section.seol::after {
  content: "";
  background: url('../images/bg1.jpg') 40% 10%;
  opacity:.75;
  background:#fff;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;   
}

section.seol::after {background:#fff}


.seol * {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;  
}
.seol * { color:#0075ae}

.seol .jContainer { background: transparent; }
.seol .jContainer .container { background: transparent; }


.seol .row.flexCanGen {flex-direction:row}
/* .flex-container {display:flex; flex-direction:row;} */
.flex-item {
	xx-flex:1 0 0; /* for equal width boxes */
	width:33.33%;
	padding:0px 0px; 
	xxbox-shadow:0px 5px 10px -6px #000; 
    border-width: 3px;
    border-style: solid;
    -webkit-border-image: 
      -webkit-gradient(linear, 0 100%, 0 0, from(black), to(rgba(0, 0, 0, 0))) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;  
    -o-border-image:
      -o-linear-gradient(bottom, black, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(to top, #ddd, rgba(0, 0, 0, 0)) 1 100%;
    border-image:
      linear-gradient(rgba(0, 0, 0, 0), #ddd, rgba(0, 0, 0, 0)) 1 100%;
}
.flex-item.one {}
.flex-item.two {margin: 0 15px}
.flex-item.three {}

.fi_inr { height:100%; background:#fff; background:linear-gradient( transparent, transparent, #fff, #fff, #fff); display:flex; flex-direction:column; xxalign-content: space-between; }

.fi_col_ikn  {text-align:center; xxbackground:radial-gradient(transparent, transparent, rgba(240, 240, 240,1), rgba(250, 250, 250,.5)); xxborder-radius:100px; xxbox-shadow:0px 0px 10px -4px #aaa; border-bottom-left-radius:5px; border-bottom-right-radius:5px}

.seolBoxes {xxbackground:#00bfff; 	position:relative; top:0px;text-align:center}
.seol .BxHdrBg { display:block; position:relative; top:0px; padding:12px 10px; white-space: nowrap;}

/* seol Box1 start */
.seoBnr {font-size:170%}
.seol h2 {font-size: 100%;}
.seoBnr span {font-size:105%}
.seoBnr span.improve {	color:orange;xxcolor:crimson; xx-text-shadow: 1px 1px 0px #ccc;}
.seoBnr span.ursite{        xxcolor: rgba(0,200,255,1); xx-text-shadow:  0px 1px 0px #009eee;;}
.seoBnr .seo {
	display:block;
	font-size: 500%;  
	line-height:1.0em;
	color:rgba(255,212,84,1);
	xx-text-shadow:3px 3px 0px #ccc, 0px 0px 5px red;
}
.seoBnr .ranking {
	display:block;
	font-size:180%; xxcolor:rgba(0,200,255,1);
	line-height:1.25; letter-spacing:0.05em; xx-text-shadow:0px 1px 0px #009eee;
}
.seoBnr .online {
	display:block;	
	xxcolor:rgba(0,200,255,1);
	font-size:175%;letter-spacing:0.05em; 
	line-height:1.25; xx-text-shadow:0px 1px 0px #009eee;
}
.seoBnr .visibility {
	display:block;
	xxcolor:rgba(0,200,255,1);
	font-size:155%; letter-spacing:0.05em; 
	line-height:1.25; xx-text-shadow:0px 1px 0px #009eee;
}
.seoBnr .potential {
display:block;
    font-size: 80%;
	line-height:1.75;
    color: rgba(255,0,0,1);
    color: orange;
    text-align: center;
    letter-spacing: 0.05em;
	xx-text-shadow: 1px 1px 0px #999;
}
.seoBnr .stars {
	font-size:75%;
	text-align:center; display:inline-block; 
	line-height:0em; position:relative; top:-2px; color:#f00;
}
.seoBnr .customers {
	font-size:100%; 
	color:rgba(255,0,0,1);
	color:orange;
	letter-spacing:0.05em; 
}
.seoBnr .expertise {
	font-size:50%; 
	font-style:italic; 
	display:block; position:relative; top:0px;
	xx-text-shadow: 0px 0px 0px #009eee;
	letter-spacing: 0.02em;
	word-spacing: 0.02em;
}

.seoBnr .expertise .exclaim {color:orange}

/* seol Box1 end */


/* seol Box2 start */
.seol .wtsSEO_Hdr {font-family:'DroidSerifBold'; font-size: 110%; line-height:2.0em; letter-spacing:0.03em; xx-text-shadow: none;}
.seol .wtsSEO_Hdr .frstLtr{display:inline-block}
.seol .wtsSEO_Hdr .frstLtr:first-letter {color:orange; }
.seol .wtsSEO_Bdy {position:relative; top:10px; background:pink-xx; padding:0 15px; margin:0; }
/* .seol .wtsSEO-mtr {margin:0 0 20px 0; line-height:2.0em; } */
.seol .wtsSEO .lstHd {display:block; font-size:100%; border-bottom:3px solid #def; margin:0; }
.seol .wtsSEO .lstHd .ptxt{margin-bottom:10px}
/* seol Box2 end */


/* seol Box3 start */
.seol .whyOM_Hdr {font-family:'DroidSerifBold'; font-size: 100%; line-height:2.0em; letter-spacing:0.01em; xx-text-shadow:none;}
.seol .whyOM_Hdr .frstLtr{display:inline-block}
.seol .whyOM_Hdr .frstLtr:first-letter {color:orange; }
.seol .whyOM_Bdy {position:relative; top:10px; background:pink-xx; padding:0 15px; margin:0; }
/* .seol .whyOM-mtr {margin:0 0 20px 0; line-height:2.0em;} */
.seol .whyOM .lstHd {display:block; font-size:100%; border-bottom:3px solid #def; margin:0;}
.seol .whyOM .lstHd .ptxt{margin-bottom:10px}
/* seol Box3 end */


/* 
.seol .wtsSEO-LstGrp .lil1 .heading .stxt,
.seol .whyOM-LstGrp .lil1 .heading .stxt{	
	margin:0px; 
	} */


.seol .wtsSEO-LstGrp, .seol .whyOM-LstGrp {}
.seol .wtsSEO-LstGrp .lil1, .seol .whyOM-LstGrp .lil1{padding:5px 0px 5px 15px; position:relative; top:0;}


.seol .wtsSEO-LstGrp .heading a,
.seol .whyOM-LstGrp .heading  a {
	display:table; border-bottom:1px solid transparent; text-align:left}


.seol .wtsSEO-LstGrp .heading a .stxt,
.seol .whyOM-LstGrp .heading a .stxt {
	font-size: .80em;
    line-height: 1.5em;
	padding:0;margin:0px; 
	}

.seol .wtsSEO-LstGrp .heading a:hover,
.seol .whyOM-LstGrp .heading a:hover { 
	border-bottom:1px solid crimson;  	}


.wtsSEO-LstGrp .lil1.caretRt01-Gnr:before {display:none}
.wtsSEO-LstGrp .lil1.caretRt01-Gnr:after {top:12px; border-left-color:#0075ae}


.whyOM-LstGrp .lil1.caretRt01-Gnr:before {display:none}
.whyOM-LstGrp .lil1.caretRt01-Gnr:after {top:12px; border-left-color:#0075ae}


.seol .seolBx2-ftr {margin-top: auto; margin-bottom:5px; margin-right:10px}

.seol div.explr {
	display:block;
	position:relative; 
	left:0px;
	height:50px;
	width:100%;
	text-align:center;
}

.seol div.explr a.seolmore {font-size:100%;  height:100%; display:block; position:relative; top:0px; padding:0 10px; line-height:3.00em; margin:0 10px; color:#0075ae; border-radius:50px; transition: all .5s ease-in-out; width:40%; xx-text-shadow:0px 0px 0px #000; text-align:right; float:right;}
	
.seol div.explr a.seolmore:hover { background:rgba(255,165,0,1); border-radius:50px; padding-right:15px; color:#fff; font-weight:bold; transition: all .5s ease-in-out; box-shadow: 0px 13px 20px -15px #333;}

.seol a.seolmore i.fa {font-size:20px; font-style: normal; color:#0075ae; ; transition: all .5s ease-in-out; }
.seol a.seolmore:hover i.fa {xxbackground:orange;font-weight:bold; margin-right:25px; color:#fff; xxxx-text-shadow:1px 1px 1px #333; transition: all .5s ease-in-out; }



.seol .shaEff01
{
  position: relative;
  top:0;
  z-index:1;
  xxbox-shadow:0px 0px 10px 1px #ddd;
}

.seol .shaEff01:before, .seol .shaEff01:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.seol .shaEff01:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* i992-x1199 */
}



















@media only screen and (min-width:1200px) {

.seol {
	position:relative; 
	top:0px; 
	padding:75px 0px 50px 0px; 
}

.seol::before,
.seol::after {
  content: "";
  background: url('../images/3a.jpg') 0% 0%;
  opacity:1;
  xx-background:#fff;
  top: 0px;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;   
}
.seol::after {ppbackground:#fff}

.seol * {
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;  
}
.seol * { color:#0075ae; }

.seol .jContainer { background: transparent; }
.seol .jContainer .container { background: transparent; }

.seol .row.flexCanGen { flex-direction: row; }
/* .flex-container {display:flex; flex-direction:row;} */
.flex-item {
	xx-flex:1 0 0; /* for equal width boxes */
	width:33.33%;
	padding: 0; 
    border-width: 2px;
    border-style: dashed;
    border-color: rgb(0 175 255);
	z-index:2;
}

.flex-item.one {}
.flex-item.two {margin: 0 25px}
.flex-item.three {}

.fi_inr { height:100%; background:rgba(255,255,255,.90); xx-background:linear-gradient( transparent, transparent, #fff, #fff, #fff); display:flex; flex-direction:column; xxalign-content: space-between; padding: 15px 0 0 0;}

.fi_col_ikn  {text-align:center; }

.seolBoxes {xxbackground:#00bfff; 	position:relative; top:0px;text-align:center}
.seol .BxHdrBg { display:block; position:relative; top:0px; padding: 6px 10px 0px 10px}

/* seol Box1 start */
.seoBnr {font-size:200%}
.seol h2 {font-size: 100%;}
.seoBnr span {font-size: 100%}

.seoBnr .seo {
	display:block;
	font-size: 175%;  
	line-height: 1.5em;
	color:rgba(255,212,84,1);
	xx-text-shadow:3px 3px 0px #ccc, 0px 0px 5px red;
}
.seoBnr .improve {
	display:block;
	font-size: 110%; xxcolor:rgba(0,200,255,1);
	line-height:1.25; letter-spacing:0.05em; xx-text-shadow:0px 1px 0px #009eee;
	font-family: 'OpenSansLight';
}
.seoBnr .ranking {
	display:block;
	font-size:110%; xxcolor:rgba(0,200,255,1);
	line-height:1.25; letter-spacing:0.05em; xx-text-shadow:0px 1px 0px #009eee;
	font-family: 'OpenSansLight';
}
.seoBnr .online {
	display:block;	
	xxcolor:rgba(0,200,255,1);
	font-size:105%; letter-spacing:0.05em; 
	line-height:1.25; xx-text-shadow:0px 1px 0px #009eee;
	font-family: 'OpenSansLight';
}
.seoBnr .visibility {
	display:block;
	xxcolor:rgba(0,200,255,1);
	font-size:105%; letter-spacing:0.05em; 
	line-height:1.25; xx-text-shadow:0px 1px 0px #009eee;
	font-family: 'OpenSansLight';
margin: 0 0 20px 0;x
}
.seoBnr .potential {
display:block;
    font-size: 70%;
	line-height: 1.5em;
    color: rgba(255,0,0,1);
    color: orange;
    text-align: center;
    letter-spacing: 0.05em;
	xx-text-shadow: 1px 1px 0px #999;
	font-family: 'OpenSansLight';
}
.seoBnr .stars {
	font-size:75%;
	text-align:center; display:inline-block; 
	line-height:0em; position:relative; top:-2px; xx-color: rgb(0 175 255);
}
.seoBnr .customers {
	font-size:100%; 
	color:rgba(255,0,0,1);
	color:orange;
	letter-spacing:0.05em; 
	font-family: 'OpenSansLight';
}
.seoBnr .expertise {
	font-size:50%; 
	xx-font-style:italic; 
	display:block; position:relative; top:0px;
	xx-text-shadow: 0px 0px 0px #009eee;
	letter-spacing: 0.02em;
	word-spacing: 0.02em;
	font-family: 'OpenSansLight';
}

.seoBnr .expertise .exclaim {xx-color:orange}

/* seol Box1 end */


/* seol Box2 start */

.seol .wtsSEO_Hdr.heading {color:rgba(250,200,10,1); font-size: 140%;}
.seol .wtsSEO_Bdy {position:relative; top:5px; background:pink-xx; padding:0 25px; margin:0; }
.seol .wtsSEO-mtr.ptxt {margin:0 0 10px 0; line-height:2.0em; }
.seol .wtsSEO .lstHd {display:block; font-size:100%; border-bottom:3px solid #def; margin:0; }
.seol .wtsSEO .lstHd .ptxt{margin-bottom:0px}
/* seol Box2 end */


/* seol Box3 start */
.seol .whyOM_Hdr.heading {color:rgba(250,200,10,1); font-size: 130%;}
.seol .whyOM_Hdr {font-family:'DroidSerifBold'; font-size: 125%; line-height:1.6em; letter-spacing:0.01em; xx-text-shadow: 0px 1px 0px #009eee;}
/* .seol .whyOM_Hdr .frstLtr{display:inline-block}
.seol .whyOM_Hdr .frstLtr:first-letter {color:orange; } */
.seol .whyOM_Bdy {position:relative; top:5px; background:pink-xx; padding:0 25px; margin:0; }
.seol .whyOM-mtr.ptxt {margin:0 0 10px 0; line-height:2.0em;}
.seol .whyOM .lstHd {display:block; font-size:100%; border-bottom:3px solid #def; margin:0;}
.seol .whyOM .lstHd .ptxt{margin-bottom:5px}
/* seol Box3 end */



.seol .wtsSEO-LstGrp .lil1 .heading .stxt,
.seol .whyOM-LstGrp .lil1 .heading .stxt{	
	margin:0px; xx-color:red; xxline-height: 1.5em; xxmargin-left:15px;
	}


.seol .wtsSEO-LstGrp, .seol .whyOM-LstGrp {}
.seol .wtsSEO-LstGrp .lil1, .seol .whyOM-LstGrp .lil1{padding:0 0px 0 15px; position:relative; top:0;}


.seol .wtsSEO-LstGrp .heading a,
.seol .whyOM-LstGrp .heading  a {
	display:table; border-bottom:1px solid transparent; text-align:left}


.seol .wtsSEO-LstGrp .heading a .stxt,
.seol .whyOM-LstGrp .heading a .stxt {
	font-size: .70em;
    line-height: 2.0em;
	padding:0;
	}

.seol .wtsSEO-LstGrp .heading a:hover,
.seol .whyOM-LstGrp .heading a:hover { 
	border-bottom:1px solid crimson;  	}


.wtsSEO-LstGrp .lil1.caretRt01-Gnr:before {display:none}
.wtsSEO-LstGrp .lil1.caretRt01-Gnr:after {top:16px; border-left-color:#0075ae}


.whyOM-LstGrp .lil1.caretRt01-Gnr:before {display:none}
.whyOM-LstGrp .lil1.caretRt01-Gnr:after {top:16px; border-left-color:#0075ae}


.seol .seolBx2-ftr {margin-top: auto; margin-bottom:5px; margin-right:10px}

.seol div.explr {
	display:block;
	position:relative; 
	left:0px;
	height:50px;
	width:100%;
	text-align:center;
}

.seol div.explr a.seolmore {font-size:100%;  height:100%; display:block; position:relative; top:0px; padding:0 10px; line-height:3.00em; margin:0 10px; color:#0075ae; border-radius:50px; transition: all .5s ease-in-out; width:40%; xx-text-shadow:0px 0px 0px #000; text-align:right; float:right;}
	
.seol div.explr a.seolmore:hover { background:rgba(255,165,0,1); border-radius:50px; padding-right:15px; color:#fff; font-weight:bold; transition: all .5s ease-in-out; box-shadow: 0px 13px 20px -15px #333;}

.seol a.seolmore i.fa {font-size:20px; font-style: normal; color:#0075ae; ; transition: all .5s ease-in-out; }
.seol a.seolmore:hover i.fa {xxbackground:orange;font-weight:bold; margin-right:25px; color:#fff; xxxx-text-shadow:1px 1px 1px #333; transition: all .5s ease-in-out; }



.seol .shaEff01
{
  position: relative;
  top:0;
  z-index:1;
  xxbox-shadow:0px 0px 10px 1px #ddd;
}

.seol .shaEff01:before, .seol .shaEff01:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.seol .shaEff01:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/* i1200 */
}