@media all and (max-width: 700px) { 

/* poll creation */
#main-ctn {
	
	margin-top:30px !important;
	
}
#polls-header-desktop,#mid-p-header-desktop {
	
	display:none !important;
	
}
.option-remove-btn-mobile {
	width:100% !important;
	display:flex !important;
	flex-flow:row-reverse !important;
	margin-top:0px !important;
	margin-bottom:5px !important;
}

.option-remove-btn {
		
	display:none !important;
	
}


/* end poll creation */


 /* poll page */
 #main-content {
	 margin-top:10px !important;
	 width:93% !important;
 }
 #continue {
	width:100% !important;

 }	 
 #powered-by h5 {
	 
	 font-size:100% !important;
	 margin-left:0px !important;
	 
 }
 
 #powered-polls {
	 display:block !important;
	 
 }
 #powered-by {
	 padding:0px !important;
 }

/* end poll page */

}/*end 700px */


/* -------------------------------- end poll creation page ------------------------------------- */
#polls-header-desktop{
	text-align:center;
}

.poll-options {
	padding:15px;
	display:flex;
	flex-flow:column;
	margin-top:30px;
	width:100%;
	min-height:200px;
}

#answers-ctn {

	width:100%;
	display:flex;
	flex-flow:column;
	align-items:center;
	
}

#options {
	
	width:100%;
	flex-flow:column;
	
}

.option {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	width:100%;
	
}
.option .answers, .option .destinations {
	
	width:47%;
}
#add-option, #top-option-btns {
	width:100%;
	display:flex;
	flex-flow:row-reverse;
}

#top-option-btns  {
	margin-bottom:20px;
}


.option-remove-btn,.option-remove-btn-mobile {
	margin-top:40px;
	cursor:pointer;
	color:#0062cc;
}
.option-remove-btn-mobile {
	display:none;
}

#pro-tip {
text-align:center;
margin-bottom:15px;
}
/* -------------------------------- end poll creation page ------------------------------------- */

/* ------------------------------------- Poll Page --------------------------------------------- */
.answer-ctn {
	display:inline-block !important;

}

.poll-option {
	font-size:20px;
	position:relative;
	left:10px;

}


#body {
	background-color:#e9ecef;
}
.container {
min-height:1000px; 
max-width:1000px;
}
h1 {
	text-align:center;
	margin-top:40px !important;
	
}
#main-content {
	width:90%;
	margin:0 auto;
	margin-top:30px;
	box-shadow:0px 1px 2px 2px #d3d3d3;
	padding-bottom:50px;
	background-color:white;
	border-radius:5px;
}
#poll-answers {
padding:15px;
margin-top:35px !important;
display:flex;
flex-flow:column;
min-height:190px;
}


#continue  {
	margin:0 auto !important;
	width:320px;
	height:55px !important;
	font-size:25px;
	margin-top:20px !important;
}

#poll-stats-btn {
	height:40px !important;
	width:180px !important;
	margin:0 auto !important;
	margin-top:20px !important;
	font-size:15px;
}


#powered-by-ctn {
	width:100%;
	padding:15px;
	text-align:center;
	
}
#powered-by {
	margin-left:-20px;
}

#powered-by h6 {
	width:100%;
	text-align:center;
	position:relative;
	top:1px;
	left:5px;
	display:inline !important;
}
#flipmsg-logo {
	width:43px;
	border-radius:100%;
}

#error {
	padding:15px;
	margin-top:30px;
}


/* -----------------------------------  End Poll Page --------------------------------------------- */
/* ----------------------------------- Begin Poll Stats --------------------------------------------- */
/*some of the styling are located in urlshortener.css */
#poll-stats {
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	border-bottom:1px solid #d3d3d3;
	min-height:200px;
	width:100%;
	display:flex;
	flex-flow:column;
	align-items:center;
}

#poll-entances  {
	width:100%;
	min-height:250px;
	border-bottom:1px solid #d3d3d3;
}
#poll-results {
	padding:25px;
	width:100%;
	min-height:500px;
}

.table-row {
	display:flex;
	flex-flow:row wrap;
	width:100%;
	margin-bottom:10px;
	padding-left:10px;
}

.table-col {
	padding:10px;
	border-bottom:1px solid #d3d3d3;
	
}
.col-option {
	font-weight:bold;
}
.col-votes {
	font-size:120%;
}
.col-percent  {
	font-size:120%;
}
/* ----------------------------------- End Poll Stats --------------------------------------------- */

.radio {
  margin: 16px 0;
  display: block;
  cursor: pointer;
}
.radio input {
  display: none;
}
.radio input + span {
  line-height: 22px;
  /*height between radio buttons */
  height: 10px;
  padding-left: 22px;
  display: block;
  position: relative;
}

.radio input + span:not(:empty) {
  padding-left: 30px;
}
.radio input + span:before, .radio input + span:after {
  content: '';
   /*size of the radio button */
  width: 30px;
  height: 30px;
  display: block;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
}
.radio input + span:before {
  background: #D1D7E3;
  transition: background 0.2s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 2);
}
.radio input + span:after {
  background: #fff;
  transform: scale(0.78);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.4);
}
.radio input:checked + span:before {
  transform: scale(1.04);
  background: #5D9BFB;
}
.radio input:checked + span:after {
  transform: scale(0.4);
  transition: transform 0.3s ease;
}
.radio:hover input + span:before {
  transform: scale(0.92);
}
.radio:hover input + span:after {
  transform: scale(0.74);
}
.radio:hover input:checked + span:after {
  transform: scale(0.4);
}

#poll-btn-txt {
	position:relative;
	top:-7px;
}

/*stats ico*/
.gg-stats {
    box-sizing: border-box;
    position: relative;
    display: block;
    height: 12px;
    width: 12px;
    border-bottom: 2px solid;
    transform: scale(var(--ggs,1));
    top:13px;
	left:25px;
}
.gg-stats::after,
.gg-stats::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    background: currentColor;
    bottom: 2px
}
.gg-stats::before {
    left: 1px;
    height: 12px
}
.gg-stats::after {
    height: 6px;
    right: 1px;
    opacity: .5
}

/*end stats ico*/

/*arrow right*/
.gg-arrow-right-o {
    box-sizing: border-box;
    position: relative;
    display: block;
    width: 22px;
    height: 22px;
    border: 2px solid;
    transform: scale(var(--ggs,1));
    border-radius: 20px;
	margin-left:50px;
	margin-top:13px;
}
.gg-arrow-right-o::after,
.gg-arrow-right-o::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 4px
}
.gg-arrow-right-o::after {
    width: 6px;
    height: 6px;
    border-top: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    bottom: 6px
}
.gg-arrow-right-o::before {
    width: 10px;
    height: 2px;
    bottom: 8px;
    background: currentColor
}

/*end arrow right*/