/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
	.c-intro {
		-webkit-background-size: cover;
		background-size: cover;
	}

	.c-instruction {
		background: url(../images/cin-bg.jpg) no-repeat 65% 0;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-left,
	.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.navbar-collapse {
		margin: 0;
		margin-top: 2px;
		padding: 0;
		position: relative;
		z-index: 20;
		border-top: 0;
		text-align: center;
		display: block;
		width: 100%;
	}
	.navbar.original[style="visibility: hidden;"] .navbar-collapse {
		/*display: none !important;*/
	}
	.navbar.cloned .navbar-collapse {
/*		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;*/
	}
	.navbar-collapse li {
		display: block;
		background: none;
		border-bottom: 1px solid rgba(255,255,255,.1);
	}
	.navbar-toggle {
		margin-top: 10px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.cloned .navbar-collapse.collapse.in {
		/*display: block!important;*/
	}
	.navbar-nav {
		float: none!important;
		margin: 0;
	}
	.navbar-nav > li {
		float: none;
	}
	.navbar-nav > li > a {
		
	}
	.collapse.in {
		display: block !important;
	}

	.c-intro h1 {
		font-size: 44px;
	}
	.how-know.row>div:nth-child(2n) {
		clear: left;
	}
	.hk-item {
		max-width: 300px;
	}

	.footer-bottom, .f-contacts {
		text-align: center;
	}
	.f-info {
		margin: 10px 0;
	}

	.m-box h1 {
		font-size: 36px;
	}

	.aut-header>div {
		float: none;
		margin: 15px 0;
		width: 100%;
		text-align: center;
	}
	.aut-header .button {
		padding-left: 30px;
		padding-right: 30px;
		display: inline-block;
		vertical-align: top;
	}
	.aut-search select {
		max-width: 220px;
	}

	.check-result-cols {
		background: none;
	}
	.check-result-cols>div {
		width: 50%;
	}
	.check-result-cols .col-cr-iphone {
		display: none;
	}

	.rs-cols {
		display: block;
		width: 100%;
	}
	.rs-left {
		display: block;
		min-width: 0;
		margin: 0 auto 20px;
		border-right: 1px solid #e5e4e1;
		border-bottom: 1px solid #e5e4e1;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.rs-right {
		display: block;
		width: 100%;
		min-width: 0;
		border-top: 6px solid #FEBB18;
		border-radius: 5px;
	}

	.mci-cols-wrapper {
		display: block;
		overflow: hidden;
	}
	.mci-col {
		float: left;
		display: block;
		width: 50% !important;
		margin-bottom: 5px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 800px) {
	.message-block .rso-bottom .row {
		margin-left: -7px;
		margin-right: -7px;
	}
	.message-block .rso-bottom .row>div {
		padding-left: 7px;
		padding-right: 7px;
	}
}
@media only screen and (max-width : 767px) {
	.c-intro {
		background-image: none;
	}
	.c-intro h1 {
		text-align: center;
	}
	.ci-text {
		max-width: 100%;
		text-align: center;
	}
	.c-intro .button {
		margin-left: auto;
		margin-right: auto;
	}

	h2 {
		font-size: 36px;
	}
	.footer-quotes p {
		max-width: 100%;
		padding-top: 7px;
		padding-bottom: 7px;
	}

	.c-instruction {
		background: none;
		min-height: 0;
		-webkit-background-size: auto;
		background-size: auto;
	}
	.cin-head {
		background: url(../images/cin-head.jpg) center top;
		text-align: center;
		min-height: 0;
		padding-bottom: 30px;
	}
	.cin-head h1 {
		text-align: center;
		font-size: 36px;
	}
	.cin-head-text {
		max-width: 100%;
	}
	.cin-steps {
		max-width: 100%;
	}

	.cols-wrapper h1 {
		font-size: 24px;
	}
	.cols-wrapper h3 {
		font-size: 18px;
	}
	.op-item {
		width: 33.3%;
	}

	.mb-title {
		font-size: 36px;
	}
	.mb-code {
		font-size: 24px;
	}

	.mb-title {
		margin-top: 10px;
	}

	.m-box h1 {
		font-size: 32px;
	}

	.row-oc-texts>div {
		display: block;
		width: 100%;
		text-align: center;
	}

	.how-know-imei .hk-item {
		display: block;
	}
	.how-know-imei .hk-image, .how-know-imei .hk-text {
		display: block;
		width: 100%;
	}
	.how-know-imei .hk-image {
		padding-right: 0;
		height: 85px;
		line-height: 85px;
	}
	.how-know-imei .hk-image img {
		line-height: 85px;
	}
	.how-know-imei .hk-item h5 {
		text-align: center;
	}

	.pagination>li>a, .pagination>li>span {
		padding: 2px 7px;
	}

	.rso-right .row-oc-texts>div {
		text-align: center;
		margin: 15px 0;
	}
	.rso-right .row-oc-texts .button {
		display: inline-block;
		vertical-align: top;
	}

	.rso-right h1 {
		font-size: 28px;
	}

	.mass-check {
		display: block;
		width: 100%;
		overflow: hidden;
	}
	.mc-left, .mc-right {
		width: 100%;
		display: block;
	}
	.mc-left {
		max-width: 300px;
		margin: 0 auto 30px;
		border-bottom: 6px solid #FEBB18;
	}

	.message-block .rso-bottom .row>div {
		margin: 15px 0;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 640px) {
	.logo {
		height: 50px;
		line-height: 50px;
	}
	.logo img {
		line-height: 50px;
		vertical-align: middle;
	}
	.login-reseller {
		display: block !important;
	}
	.header .row>div {
		width: 50%;
		text-align: center;
	}
	.header .row>div:nth-child(1) {
		width: 45%;
	}
	.header .row>div:nth-child(2) {
		width: 55%;
	}
	.header .row>div:nth-child(3) {
		display: none;
	}
	.header .button {
		margin-right: auto;
	}

	.c-intro h1 {
		font-size: 36px;
	}

	.cols-wrapper {
		display: block;
	}
	.col-left, .col-left-wide {
		width: 100%;
		display: block;
		float: none;
		padding-bottom: 10px;
	}
	.fq-col {
		float: none;
		width: 100%;
	}
	.col-left h3 {
		text-align: center;
	}
	.sidemenu {

	}
	.sidemenu li {
		display: inline-block;
		vertical-align: top;
		margin-right: 7px;
		margin-bottom: 7px;
	}
	.col-middle {

	}

	.order-check .row>div {
		width: 100%;
		float: none;
	}
	.oc-bottom .ocb-left, .oc-bottom .ocb-right {
		display: block;
		width: 100%;
		float: none;
		text-align: center;
	}
	.oc-bottom .ocb-left {
		margin-bottom: 15px;
	}
	.oc-bottom {
		display: block;
		padding-top: 20px;
	}
	.oc-bottom .button {
		display: inline-block;
	}

	.row.resp-form-info>div {
		width: 100%;
		float: none;
		text-align: center;
	}

	.col-cr-iphone {
		width: 30%;
	}
	.col-cr-info {
		width: 70%;
	}
	.cr-services .button {
		padding-left: 25px;
		padding-right: 25px;
	}

	.aut-search {
		text-align: center;
		margin: 35px 0;
	}
	.aut-search label, .aut-search select, .aut-search input, .aut-search button {
		display: block;
		margin: 5px auto;
	}

	.m-bottom {
		font-size: 16px;
	}
	.check-result-cols>div {
		width: 100%;
		float: none;
		text-align: center;
	}
	.check-result-cols .cr-services {
		margin-left: auto;
		margin-right: auto;
	}

	.popup-form h3 {
		font-size: 24px;
	}

	.ch-border {
		background: none;
		text-align: center;
	}
	.ch-border .cr-services {
		margin-left: auto;
		margin-right: auto;
	}
	.ch-border>div {
		width: 100%;
	}
	.ch-border .col-cr-iphone {
		display: none;
	}

	.fi-cols-wrapper {
		float: none;
		display: block;
		text-align: center;
	}
	.fi-cols-wrapper .fi-col {
		float: none;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 15px;
		text-align: left;
		min-width: 200px;
		width: 100%;
	}
	.fi-cols-wrapper .fi-col input, .fi-cols-wrapper .fi-col select {
		max-width: 100%;
	}
	.fi-cols-wrapper .fi-col-button {
		min-width: 0;
	}
	.fi-cols-wrapper .fi-col input, .fi-cols-wrapper .fi-col select {
		margin-bottom: 0;
	}

	.mc-right h1 {
		font-size: 28px;
		text-align: center;
	}
}

@media only screen and (max-width : 560px) {
	.rso-wrapper {
		display: block;
		margin-left: 0;
	}
	.rso-left, .rso-right {
		width: 100%;
		max-width: 100%;
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	.rso-left textarea {
		height: 150px;
	}
	.rso-right h1 {
		text-align: center;
		margin-bottom: 10px;
		font-size: 24px;
	}

	#balance_refill {
		width: auto;
		min-width: 0;
		max-width: none;
	}

	.br-cols-wrapper, .br-inputs {
		display: block;
	}
	.br-col, .br-inputs>div {
		display: block;
		width: 100%;
		text-align: center;
	}
	.br-inputs>div {
		margin-bottom: 15px;
	}
}

@media only screen and (max-width : 480px) {
	.how-know.row>div {
		width: 100%;
		float: none;
	}
	.op-item {
		width: 50%;
	}
	.col-right {
		width: 20%;
	}
	.s-box {
		padding-left: 5px;
		padding-right: 5px;
	}

	.mb-title {
		font-size: 26px;
	}
	.mb-code {
		font-size: 20px;
		line-height: 1.2;
	}
	.mb-buttons {
		text-align: center;
	}
	.col-mb-text {
		width: 100%;
	}
	.col-mb-iphone {
		display: none;
	}

	.form-imei input, .form-imei .button {
		display: block;
		float: none;
		margin: 0 auto;
	}
	.form-imei input {
		margin-bottom: 15px;
	}

	.mc-check {
		display: block;
	}
	.mcc-left {
		display: block;
		width: 100%;
		text-align: center;
		padding-top: 10px;
	}
	.mcc-left .button {
		display: inline-block;
		vertical-align: middle;
	}
	.mcc-right {
		display: block;
		width: 100%;
		text-align: center;
	}
	.mc-left textarea {
		height: 150px;
	}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 420px) {
	.cin-number {
		width: 64px;
	}
	.cin-number span {
		width: 64px;
		height: 64px;
		line-height: 64px;
		font-size: 48px;
	}
	.c-addresp:before {
		width: 80px;
		height: 80px;
		-webkit-background-size: 100%;
		background-size: 100%;
		top: -40px;
		margin-left: -40px;
	}
	.op-item {
		width: 100%;
	}
	.op-selected {
		padding-left: 5px;
		padding-right: 5px;
	}

	.col-cr-iphone {
		width: 100%;
		display: block;
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	.col-cr-info {
		width: 100%;
		display: block;
		float: none;
	}

	.mci-col {
		float: none;
		width: 100% !important;
		margin: 15px 0;
		text-align: center;
	}
}
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
.nav-wrapper {
  width: 15px;
  margin: 1px auto;
  text-align: center;
}
  .sl-nav {
  display: inline;
}
.sl-nav ul {
  margin:0;
  padding:0;
  list-style: none;
  position: relative;
  display: inline-block;
}
.sl-nav li {
  cursor: pointer;
  padding-bottom:0px;
}
.sl-nav li ul {
  display: none;
}
.sl-nav li:hover ul {
  position: absolute;
  top:29px;
  right:-15px;
  display: block;
  background: #fff;
  width: 40px;
  padding-top: 0px;
  z-index: 1;
  border-radius:5px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li:hover .triangle {
  position: absolute;
  top: 15px;
  right: -10px;
  z-index:10;
  height: 14px;
  overflow:hidden;
  width: 30px;
  background: transparent;
}
.sl-nav li:hover .triangle:after {
  content: '';
  display: block;
  z-index: 20;
  width: 15px;
  transform: rotate(45deg) translateY(0px) translatex(10px);
  height: 15px;
  background: #fff;
  border-radius:2px 0px 0px 0px;
  box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.sl-nav li ul li {
  position: relative;
  text-align: left;
  background: transparent;
  padding: 1px 1px;
  padding-bottom:0px;
  z-index: 2;
  font-size: 4px;
  color: #3c3c3c;
}
.sl-nav li ul li:last-of-type {
  padding-bottom: 1px;
}
.sl-nav li ul li span {
  padding-left: 1px;
}
.sl-nav li ul li span:hover, .sl-nav li ul li span.active {
  color: #146c78;
}
.sl-flag {
  display: inline-block;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
  width: 20px;
  height: 20px;
  background: #aaa;
  border-radius: 50%;
  position: relative;
  top: 1px;
  overflow: hidden;
}
.flag-de {
background: url('https://iunlocker.com/img/ico_flag/de.png');
  background-size: cover;
    background-repeat: no-repeat;
  background-position: center center;
}
.flag-en {
  background: url('https://iunlocker.com/img/ico_flag/en.png');
    background-size: cover;
    background-repeat: no-repeat;
  background-position: center center;
}
.flag-es {
  background: url('https://iunlocker.com/img/ico_flag/es.png');
    background-size: cover;
    background-repeat: no-repeat;
  background-position: center center;
}
.flag-ar {
  background: url('https://iunlocker.com/img/ico_flag/ar.png');
    background-size: cover;
    background-repeat: no-repeat;
  background-position: center center;
}
.flag-id {
  background: url('https://iunlocker.com/img/ico_flag/id.png');
    background-size: cover;
    background-repeat: no-repeat;
  background-position: center center;
}
.flag-fr {
  background: url('https://iunlocker.com/img/ico_flag/fr.png');
    background-size: cover;
    background-repeat: no-repeat;
  background-position: center center;
}
.flag-ch {
  background: url('https://iunlocker.com/img/ico_flag/ch.png');
    background-size: cover;
    background-repeat: no-repeat;
  background-position: center center;
}
.flag-it {
  background: url('https://iunlocker.com/img/ico_flag/it.png');
    background-size: cover;
    background-repeat: no-repeat;
  background-position: center center;
}
.flag-pt {
  background: url('https://iunlocker.com/img/ico_flag/pt.png');
    background-size: cover;
    background-repeat: no-repeat;
  background-position: center center;
}
.flag-vi {
  background: url('https://iunlocker.com/img/ico_flag/vi.png');
    background-size: cover;
    background-repeat: no-repeat;
  background-position: center center;
}
.flag-ru {
  background: url('https://iunlocker.com/img/ico_flag/ru.png');
    background-size: cover;
    background-repeat: no-repeat;
  background-position: center center;
}