﻿.select-year {display:table; width:100%; border:1px red solid;}
.select-year ul{ margin-left:auto; margin-right:auto; border:1px red solid;}
.select-year li{ display:inline-block; margin-left:2%}



@media(max-width:480px){.col-xx{float:none !important; width:100% !important;}}

.padding5 { padding:5px !important;}
 button {outline:0px;}
.mycalendar label {
	 color:black;
}
body {  background-image:url('../img/bg.png'); background-attachment:fixed; overflow-x:hidden;}
.center{margin-left:auto; margin-right:auto; display:table;}
.pop {margin-top: 26px !important;}
.bg-default { background-color:rgba(100,100,100,0.9);color:rgba(255,255,255,0.9);}
.bg-default h4{ font-size:11pt;}
.close {color:white; font-size:10pt;}
.border{border:1px rgba(255,102,0,0.3) solid; padding:15px; border-radius:5px; }
.width83{width:98%; margin-left:auto; margin-right:auto;}
ul{ margin:0px; padding:0px; list-style:none;}
.list-group-item { display:table; !important; width:100%;}
.popover-title {font-weight:normal;}
.bg-orange{border:1px #c6e1bf solid; background-color:rgba(209,242,209,0.3);




/*
background-image: -ms-linear-gradient(bottom left, #F0FFF0 0%, #F3FFF0 100%);
background-image: -moz-linear-gradient(bottom left, #F0FFF0 0%, #F3FFF0 100%);
background-image: -o-linear-gradient(bottom left, #F0FFF0 0%, #F3FFF0 100%);
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #F0FFF0), color-stop(1, #F3FFF0));
background-image: -webkit-linear-gradient(bottom left, #F0FFF0 0%, #F3FFF0 100%);
background-image: linear-gradient(to top right, #F0FFF0 0%, #F3FFF0 100%);
*/

}
input::-webkit-input-placeholder{color:#b9b9b9;position:relative;padding-left:0;-webkit-transition:padding .9s;transition:padding .9s}
input::-moz-input-placeholder{color:#b9b9b9;position:relative;padding-left:0;-moz-transition:padding .9s;transition:padding .9s}
input::-o-input-placeholder{color:#b9b9b9;position:relative;padding-left:0;-o-transition:padding .9s;transition:padding .9s}
input:-ms-input-placeholder{color:#b9b9b9;position:relative;padding-left:0;-ms-transition:padding .9;transition:padding .9s}

input:hover::-webkit-input-placeholder,input:focus::-webkit-input-placeholder{padding-left:280px}
input:hover::-ms-input-placeholder,input:focus::-ms-input-placeholder{padding-left:280px}
input:hover::-moz-input-placeholder,input:focus::-moz-input-placeholder{padding-left:280px}
input:hover::-o-input-placeholder,input:focus::-o-input-placeholder{padding-left:280px}

a{
		 font-size:12px;
		  font-family:Arial, Helvetica, sans-serif;
 font-weight:300;

}
 a:hover{ cursor:pointer;
	transition-duration:700ms;
	-webkit-transition-duration:700ms;
	-o-transition-duration:700ms;
	-ms-transition-duration:700ms; text-decoration:none! important;
	-moz-transition-duration:700ms;
}
p{
	 font-weight:100;  font-size:13px; line-height:20px; margin-top:10px;
}

.transtion-800{
	transition-duration:700ms;
	-webkit-transition-duration:700ms;
	-o-transition-duration:700ms;
	-ms-transition-duration:700ms; 
	-moz-transition-duration:700ms;

}

h2{
	 font-size:12px;
}
.width{	width:95%; margin-left:auto; margin-right:auto; display:table;}
.body{ margin-top:70px;width:100%; display:table;  margin-left:auto; margin-right:auto; font-size:12px;}
.mob-btn { background-color:rgba(50,50,50,0.9) !important; border-radius:0px; margin-top:15px !important;}
.mob-btn .icon-bar {
	 color:white; background-color:white;
}
.or {display:block; border-bottom:2px rgba(230,230,230,0.9) solid; height:10px; margin-bottom:20px; text-align:center; margin-top:10px;}
.or small{background-color:white; padding:3px;  border-radius:50%; border:2px rgba(230,230,230,0.9) solid; color:rgba(200,200,200,0.9);}
/*--header--*/

header{ background-color:rgba(74,74,74,0.9); color:rgba(255,255,255,0.9); display:table !important; width:100%; position:relative; z-index:1000; }
@media(max-width:768px)
{
	header {
	 padding-bottom:10px; padding-top:5px;
}
}

/*-----search bar---*/

form[role=search] #advsearch{cursor:pointer;display:table; width:15px; position:relative;  background-color:rgba(100,100,100,0.9); float:right; margin-top:-30px; margin-right:1px;}
form[role=search] {  padding-top:15px; width:100%;}
form[role=search] input[type=text]
{  font-family:Arial, Helvetica, sans-serif; font-size:10pt;
  color:rgba(230,230,230,0.7); background-color:rgba(100,100,100,0.9);
border:1px rgba(150,150,150,0.5) solid; display:block; width:100%; outline:0px; padding:10px; border-radius:2px;
 padding-right:35px;
}

form[role=search] a{
background-image:url('../img/search.png');
background-repeat:no-repeat; background-position:center center;
 display:inline-block; width:35px; height:40px;border-left:1px rgba(150,150,150,0.5) solid; position:absolute; top:15px; right:0px;
}

.popover-content p{ color:rgba(50,50,50,0.9); font-family:Arial, Helvetica, sans-serif;}
form[role=search] .caret {color:rgba(230,230,230,0.7); }

.logo { margin-top:10px;
font-size:50px; color:rgba(255,255,255,0.9) !important;
display: block;
text-decoration: none;
letter-spacing: -0px;
text-align: center;
color: #999;
text-shadow: 0px 3px 8px #2a2a2a;
}

.menubar li > a{color:rgba(255,255,255,0.9) ;font-style: normal;}

.menubar li > a:hover{background-color:rgba(50,50,50,0.5);}

.more-menu li:active {background-color:rgba(74,74,74,0.9)}
.more-menu li a{ display:block; padding-top:8px; padding-bottom:8px; color:rgba(40,40,40,0.7); font-size:10pt;}
.more-menu li a:hover{background-color:rgba(230,230,230,0.9);}


.active-menu a{
	background-color:rgba(50,50,50,0.5);
}



@media (min-width:768px){
	

.menubar .navbar-right > li{
	 display:inline-block; 
}}

/*--language--*/
.right-menu li a{
 display:table; width:100%;
}
language{background-color:rgba(50,50,50,0.9); border:0px; padding:5px 10px; border-radius:6px;  top:0px; display:table; width:100%}
language img{
	 display:block; margin-left:auto; margin-right:auto;
}
.arrow-postion-l{
	 top:25%; position:absolute; right:10px;
}
language span {
	display:block;text-align:center; 
}

.lang > li img{
 margin-right:5px;
}
.lang > li a{
	 font-weight:500;
}

.popover-content .list-group{margin-bottom:0px !important;}
.popover-content .list-group-item  {padding:0px !important;min-width:135px;}
.popover-content .list-group-item img{ float:right;}
.popover-content li a{color:black; display:block; font-size:11pt; line-height:30px; padding: 10px 15px; }
.popover-content li a:hover{ color:rgba(100,100,100,0.9); background-color:rgba(230,230,230,0.9);}



/*--user data---*/

.user-details-hidden { display:none;}
.right-menu {margin:0px !important;}


.user-pic{ position:absolute;	 width:65px; height:65px;	 background-color:rgba(100,100,100,0.9);
border-radius:50%; -webkit-border-radius:50%; 
 margin-top:-5px;  left:-20px; top:8px;}
userdata{background-color:rgba(50,50,50,0.8); display:table;  text-align:center; 
 padding:9px 5px; border-radius:5px; margin-top:5px; margin-left:10px;
}

username{margin-bottom:5px; display:block; min-width:150px;}
countery { float:left; width:49%; padding-left:15px;}
wallet { width:49%; float:right;}

.dwn-arrow {float:right; margin-top:-30px;}

.arrow-up-menu{
	 color:white; position:absolute;  right:5px; margin-top:-15px; font-size:28px;  z-index:10;
}
.more-menu{ display:none !important;}
.user-menu {right:0px !important;}
.user-menu {margin-top:5px !important;}
.user-menu li a{ padding:5px 15px;
	 display:block; color:black;
}

.user-menu-right {
	 position:absolute !important; border:0px red  solid; right:130px; top:0px;
}


@media(max-width:768px)
{
.dwn-arrow { position:absolute; right:10px; top:30%; margin:0px;
	
}
	userdata{
	 width:100%; margin:0px; margin-bottom:2px; text-align:left; padding-left:70px;
}
.user-pic  {
	 left:0px; margin-top:-10px;
}
countery {
	 display:table; width:auto; padding-left:0px;
}
wallet {
	 float:none; margin-left:15px;
}

}
@media (max-width:1175px) and (min-width:768px)
{
.more-menu{ display:block !important;}
.sm-menu { display:none !important;}
}
/*--hide items--*/

@media (max-width:1275px) and (min-width:768px)
{
.logo  {font-size:30px;}

}

/*--right-menu***
.right-menu{ height:70px;}
/*--chnage search */

@media (max-width:900px) and (min-width:768px)
{
form[role=search] {  padding-top:15px; width:55px; }
form[role=search] input[type=text]:hover{ width:200px; margin-left:-145px;}

}

@media(max-width:768px){.logo{ margin-top:0px;}}

@media(max-width:600px)
{
.body{margin-top:0px;}
header{ position:relative !important;}

.col-left { border-bottom:1px rgba(150,150,150,0.1) solid; background-color:rgba(94,94,94,0.9); position:fixed; top:0px; float:none; width:100%; z-index:1000000;}
.right-menu-content { display:table; margin-left:auto; margin-right:auto; margin-top:-5px !important; position:relative;}
}




/*--file upload --*/
.user-pic-upload{cursor:pointer;
 display:block; margin-left:auto; margin-right:auto;   width:200px; height:200px;
  border-radius:50%; position:relative; z-index:1000;border:5px rgba(150,150,150,0.9) solid;  background-color:rgba(100,100,100,0.9); 
}


.upload{ cursor:pointer; height:40px;
	 opacity:0;	 -ms-opacity:0;	 -moz-opacity:0;	 -o-opacity:0;	 -webkit-opacity:0;
	 position:absolute; width:180px; height:inherit; z-index:100; margin-left:-10px;
}
.upload-container{display:table; margin-left:auto; margin-right:auto; cursor:pointer; margin-top:10px;}




/*--------------------------timeline-----*/

.timeline {
display:table; width:100%;
/*
box-shadow: inset 0 0 8em rgba(150,150,150,0.9);
 background-color:rgba(230,230,230,0.9);
 */
  background-color:rgba(255,102,102,0.2);
 border-bottom:1px rgba(255,100,100,0.3) solid;
 

}

.left-circle {float:right; margin-right:-5px; position:relative; z-index:1000;}

.timeline-content{display:table; width:83%;margin-left:auto; margin-right:auto; padding-top:30px; padding-bottom:15px;}
.circle {float:left; width:5%;}
.circle  span{display:block; border-radius:50%; width:40px; height:40px;}
.timeline-data{ width:89%; float:left; margin-top:9px; height:23px; }
.timeline-data ul{margin:0px; padding:0px; position:relative;height:20px;}
.timeline-data li { display:inline-block; width:15%; text-align:center;}
#timeline-pop-data{ width:90%; margin-left:5%;
	}
.timeline-data li a{ color:rgba(24,24,24,0.9);
	 display:table; margin-left:auto; margin-right:auto; font-size:14px; font-weight:400;
}
.timeline-data-hidden {
	 display:none;
}

#timeline-month{margin-top:-20px;}
.left1 {margin-top:-40px !important; position:absolute; font-size:9pt; color:rgba(50,50,50,0.9); left:12px;}
.right1{margin-top:-40px !important; position:absolute; font-size:9pt; color:rgba(50,50,50,0.9); right:18px;}
.right-circle { margin-left:-13px; position:relative; z-index:1000;}
.online{
	 background-color:white; display:table; width:10px; height:10px; border-radius:50%; float:right; margin-right:5%;
}
.box-shdow{
box-shadow: 0 3px 5px rgba(0,0,0,0.05) inset;
border: 1px solid #c5c5c5;
background: #f5f5f5;
background: -moz-linear-gradient(top,#f5f5f5 0,#fefefe 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#fefefe));
background: -webkit-linear-gradient(top,#f5f5f5 0,#fefefe 100%);
background: -o-linear-gradient(top,#f5f5f5 0,#fefefe 100%);
background: -ms-linear-gradient(top,#f5f5f5 0,#fefefe 100%);
background: linear-gradient(top,#f5f5f5 0,#fefefe 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#fefefe',GradientType=0);
}
#timeline { margin-top:-22px; height:50px; }
#timeline .carousel-inner {height:50px !important;}
.timeline-data .close{
	color:rgba(100,100,100,0.9); margin-top:-20px; margin-right:-10px; font-size:15pt; position:relative; z-index:1000;
}
.timeline-data .close:hover{
	color:black;
}
.pop { top:17px;}
.pop .arrow {position:relative !important;}

.shadow {
	 box-shadow:0px 0px 50px rgba(100,100,100,0.5); height:50px;
}

.popover-content h1{
	 margin:0px;
}

.btn-color {display:table; min-width:150px; margin-top:5px;}







/*----user details for bottom--*/

.bg-friends
{ border:1px rgba(255,102,0,0.5) solid;background-color:aqua; border-radius:5px; padding:20px 0px 20px 05px;
 background-color:rgba(255,102,0,0.1);margin-bottom:20px;


/*
background-image: -ms-linear-gradient(bottom left, #FFF3E3 0%, #FFF8F2 100%);
background-image: -moz-linear-gradient(bottom left, #FFF3E3 0%, #FFF8F2 100%);
background-image: -o-linear-gradient(bottom left, #FFF3E3 0%, #FFF8F2 100%);
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #FFF3E3), color-stop(1, #FFF8F2));
background-image: -webkit-linear-gradient(bottom left, #FFF3E3 0%, #FFF8F2 100%);
background-image: linear-gradient(to top right, #FFF3E3 0%, #FFF8F2 100%);
*/	
}

.width-12 {
	 max-width:1200px; margin-left:auto; margin-right:auto;
}
.stars {
	color:red; font-size:20px; z-index:100;	color:#ff9900; display:table; margin-left:auto; margin-right:auto;	 top:-100px;
}
.stars:hover{
	color:rgba(255,255,255,0.7);	
}
.users-details { background-color:rgba(255,102,0,0.1);
	 border-radius:5px; border:1px rgba(255,102,0,0.3) solid; padding:10px; display:table; width:100%; 
	 box-shadow:0px 0px 1px rgb(200,200,200) inset;
	  margin-bottom:15px; margin-top:10px;
}

.max-width500
{
max-width:565px; margin-left:auto; margin-right:auto;
}

.firends-pic {border-radius:50%; height:120px; width:120px; border:5px rgba(255,102,0,0.5) solid; float:left; margin-right:10px; margin-bottom:10px;}


@media (max-width:400px)
{
.firends-pic  {
	 float:none; margin-left:auto; margin-right:auto; display:block; margin-bottom:0px !important;
}	
.users-details output {
	 text-align:center; margin-top:0px !important;
}
}
.users-details section{ display:table;  width:100%;}

.users-details section output{ float:left;}
.users-details output a{ font-size:13px; display:block; color:rgba(10,10,10,0.9); font-weight:bold; border-bottom:1px rgb(255,102,0)  dashed; padding-bottom:10px; margin-top:5px; margin-bottom:5px;}
.users-details span{
	font-weight:600; font-size:13px;
}
.hline{height:2px; width:100%; background-color:coral;}
.users-details section output{
	 margin-top:10px; margin-left:10px;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(255,102,0,0.5);
}
.btns .btn-color {min-width:170px; 
background-color:rgba(255,102,0,0.3);
border:1px rgba(255,102,0,0.2) solid;color:#c24f02; font-weight:bold;

}


.btns {
	 margin-top:27px; margin-left:auto; margin-right:auto; display:table; 
}

@media (max-width:600px)
{
.btns {
	 width:180px; margin-top:0px;
}	
}
.btns .btn{
background-color:rgba(255,102,0,0.3);
border:1px rgba(255,102,0,0.2) solid;color:#c24f02; font-weight:bold;
	
}
.btns .btn:hover {
	background-color:rgba(255,102,0,0.4);
}

.btns .btn-color:hover {
	background-color:rgba(255,102,0,0.4);
}
.arrow-postion {margin-left:38%;  position:absolute; margin-top:-33px;}
.margin-top15 { margin-top:15px;}

/*--gift status--*/


.gift-status li{
transition-duration:700ms;
	-webkit-transition-duration:700ms;
	-o-transition-duration:700ms;
	-ms-transition-duration:700ms; 
	-moz-transition-duration:700ms;
 box-shadow:0px 0px 1px rgba(200,200,200,0.9) inset;
 
 
 
background-image: -ms-linear-gradient(bottom left, #F1FFF0 0%, #DBFFCC 100%);
background-image: -moz-linear-gradient(bottom left, #F1FFF0 0%, #DBFFCC 100%);
background-image: -o-linear-gradient(bottom left, #F1FFF0 0%, #DBFFCC 100%);
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #F1FFF0), color-stop(1, #DBFFCC));
background-image: -webkit-linear-gradient(bottom left, #F1FFF0 0%, #DBFFCC 100%);
background-image: linear-gradient(to top right, #F1FFF0 0%, #DBFFCC 100%);
 width:16.5%;  margin-left:1.5%; margin-right:1.5%;display:inline-block; border:1px rgba(148,202,125,0.5) solid;  padding:8px; margin-bottom:10px;
 border-radius:5px;
}

@media(max-width:1000px)
{
.gift-status li{
	 width:20.5%; 
}	
}
@media(max-width:768px)
{
.gift-status li{
	 width:28.5%; 
}	
}
@media(max-width:580px)
{
.gift-status li{
	 width:45.5%; 
}	
}

@media(max-width:350px)
{
.gift-status li{
	 width:95.5%; 
}	
}



.border-orange{	border:1px rgba(100,100,100,0.2) solid !important;}
.gift-status li:hover{
background-image: -ms-linear-gradient(bottom left, #C1FFBD 0%, #DBFFCC 100%);
background-image: -moz-linear-gradient(bottom left, #C1FFBD 0%, #DBFFCC 100%);
background-image: -o-linear-gradient(bottom left, #C1FFBD 0%, #DBFFCC 100%);
background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, #C1FFBD), color-stop(1, #DBFFCC));
background-image: -webkit-linear-gradient(bottom left, #C1FFBD 0%, #DBFFCC 100%);
background-image: linear-gradient(to top right, #C1FFBD 0%, #DBFFCC 100%);
}

.gift-status section {display:table; width:100%;}
.gift-status section img{float:left; margin-right:10px; margin-bottom:10px;}
.gift-status section output { float:left;}
.gift-status li  a{  display:block;  color:rgba(255,102,0,0.9) ; font-weight:500; font-size:10pt;}


.small-font li a{font-size:9pt; padding-top:5px !important; padding-bottom:5px !important;}

.small-font li a:hover{ background-color:rgba(148,202,125,0.5) !important;}

/*---header top---*/
.header-top {border-bottom:2px rgba(148,202,125,0.9) solid;  margin-bottom:20px; padding-bottom:5px;}
.header-top  span{ font-weight:500; font-size:10pt; color:rgba(255,102,0,0.9);}



/*-----right-nav--bar---*/
.right-nav-lg {
	 float:right; margin-right:1%;   margin-top:4%;
}
.right-nav-lg li a{ width:145px; text-shadow:none;
	color:rgb(255,102,0); font-size:13pt;  margin-top:7px; display:table;
}

.bullet {
	 width:15px; height:15px; border-radius:50%; border:3px rgb(255,102,0) solid;  float:right; margin-top:8px; margin-left:5px;
}



.right-nav-lg li a:hover .bullet {
	 background-color:rgb(255,102,0);

	
}


.active-right-menu .bullet {
	 background-color:rgb(255,102,0);
}

.active-right-menu{
	 font-weight:500;
}
.list li {
	 margin-top:5px; 
}
.list li a{
	 font-weight:500; color:rgba(20,20,20,0.9);
}
/*----chnage tootltip color***/
.tooltip-inner
{
	
 background-color:rgb(255,255,255) !important; color:black !important; text-shadow:none !important;
}
.tooltip-arrow {
      border-bottom-color:rgb(255,255,255) !important;  border-top-color:rgba(255,255,255) !important;
}
    
    
footer { font-size:9pt; text-align:center; line-height:30px; margin-top:15px;
 font-family:Arial, Helvetica, sans-serif;
	 display:table;  background-color:rgba(70,70,70,0.9); width:100%; color:rgba(230,230,230,0.9);
}


/*----button---left--*/
.left-btn
{
float: left;
margin-left: 1%;
margin-top:7%; width:50px;
}
.left-btn img{
	 width:25px; 
}
.left-btn li{
	 margin-bottom:5px;
}

.left-btn a{
	font-size:large; color:rgba(70,70,70,0.9);
	border-radius:3px; 
}

#slider-mo-menu .right-nav-lg {
	 float:none ; margin:0px;  display:table; margin-left:auto; margin-right:auto;
}
#slider-mo-menu .right-nav-lg ul{
	 margin-bottom:0px;
}

#slider-mo-menu .right-nav-lg li{
	 display:inline-block;
}

#slider-mo-menu span.bullet {
	 float:left; margin-right:5px; margin-top:5px;
}

#button-sort-top .left-btn{ width:auto; margin-top:5px; float:none; display:table; margin-left:auto; margin-right:auto;
	
}

#button-sort-top .left-btn li{
	 display:inline-block; margin-left:10px;
}

#button-sort-top {display:none;}
#slider-mo-menu { display:none;}

.header-sm{
	 display:none;
}
@media (max-width:800px)
{
.header-sm{ display:block;}


.left-btn{ display:none;}
#button-sort-top {display:block;}
.right-nav-lg {
	 display:none;
}

#slider-mo-menu  { display:block;}
.slider-home{ padding-left:0%;
	 width:98% !important; margin-left:auto; margin-right:auto;
}


}


@media (max-width:350px)
{
#slider-mo-menu .right-nav-lg {width:180px !important; margin-top:5px;}
	
}
.slider-right, .slider-left { margin-top:50px;}


.list-myfriend-info li{
	 display:inline-block; width:18%; margin-left:0.7%; margin-right:0.7%;
}

.list-myfriend-info li a{
 display:table; margin-left:auto; margin-right:auto;
	 
}



.list-myfriend-info li a img { 
	display:table-cell; text-align:center;width:120px; height:120px; vertical-align:middle;
	 border:5px rgba(255,102,0,0.7) solid; border-radius:50%; padding:5px; 

	
}

.list-myfriend-info li a:hover img{
	 transform:rotate(360deg);
	 	 -webkit-transform:rotate(360deg);
	 	 
	 	 	-moz-transform:rotate(360deg);		-o-transform:rotate(360deg);	-ms-transform:rotate(360deg);
	 	 	transition-duration:500ms;	 	 	-webkit-transition-duration:500ms;

}

.list-myfriend-info li a span{ display:block; text-align:center; text-transform:uppercase; margin-top:10px; font-size:25px;
color:rgba(255,102,0,0.9);
}


/*--user details-- section---*/

.col-1 {float:left; width:25%; }

.col-2{ width:73%; float:left; margin-left:10px;}

.col-3{ width:15%; float:left;  margin-left:10px; }

.content-center {float:left; width:84%; border:0px red solid;}


@media (max-width:1150px)
{

.content-center {
	 float:none; display:table; width:100%;
}
.col-2{ width:70%; float:left; margin-left:10px;}
.col-3{ width:100%; float:none; border:0px red solid;}	
}

@media (max-width:1000px)
{

 .firends-pic {
	 float:none; margin-left:auto; margin-right:auto; display:block;
}

.users-details output{
	display:table; margin-left:auto !important; margin-right:auto !important; float:none !important;

}
}

@media (max-width:650px)
{

.content-center {
	 float:none; display:table; width:100%;
}
.col-1{ width:100%; float:none; margin-left:10px; margin-bottom:10px;}
.col-2{ width:100%; float:none; margin-left:10px;}
.col-3{ width:100%; float:none; }	
}


/*
@media (max-width:1190px)
{
.col-2{ width:55%; float:left; margin-left:10px;}
	
}

@media (max-width:850px)
{
.col-1{ width:98%; float:none; display:table;}
.col-2{ width:98%; float:none; display:table;}
.col-3{ width:98%; float:none; display:table;}
	
}
*/