/**
 * Magento Enterprise Edition
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Magento Enterprise Edition License
 * that is bundled with this package in the file LICENSE_EE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.magentocommerce.com/license/enterprise-edition
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://www.magentocommerce.com/license/enterprise-edition
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.telenor.com.pk/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.telenor.com.pk/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.telenor.com.pk/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.telenor.com.pk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.telenor.com.pk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.telenor.com.pk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.telenor.com.pk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.telenor.com.pk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.telenor.com.pk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchautocomplete .search-autocomplete {
  position: absolute;
}
.searchautocomplete .form-search {
  overflow: none !important;
  position: relative;
}
.searchautocomplete .sprite {
  background: url('https://www.telenor.com.pk/skin/frontend/base/default/images/mirasvit/sprite.png');
}
.searchautocomplete .nav-search-in {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 11;
}
.searchautocomplete .nav-search-in .category {
  opacity: 0;
  filter: alpha(opacity=0);
  background: white;
  border: 1px solid #DDD;
  color: black;
  cursor: pointer;
  height: 29px;
  left: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: auto;
}
.searchautocomplete .nav-search-in .category-fake {
  height: 20px;
  color: #777;
  cursor: pointer;
  float: left;
  font-size: 11px;
  padding: 0px 25px 0px 10px;
  text-align: center;
  white-space: nowrap;
  margin-top: 6px;
}
.searchautocomplete .nav-search-in .nav-down-arrow {
  right: 10px;
  top: 16px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #000000 transparent transparent transparent;
  line-height: 0px;
}
.searchautocomplete .nav-search-in:hover .category-fake {
  color: #000;
}
.searchautocomplete .nav-search-in:hover .nav-down-arrow {
  background-position: -6px -34px;
}
.searchautocomplete .searchautocomplete-placeholder {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #FFF;
  border: 1px solid #ccc;
  position: absolute;
  z-index: 102;
  box-shadow: 0 10px 10px #5E5E5E;
  top: 30px;
}
.searchautocomplete .searchautocomplete-placeholder:before {
  border-color: transparent transparent #CCC transparent;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 5px;
  height: 0;
  width: 0;
  top: -11px;
  left: 30px;
}
.searchautocomplete .searchautocomplete-placeholder ul {
  list-style: none;
  margin: 0;
  border: none!important;
  background: none!important;
  box-shadow: none;
  position: relative;
  padding: 5px;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
  *zoom: 1;
  text-align: left;
  padding: 5px 5px;
  border: 1px solid #e2e2e2;
  margin-bottom: 5px;
}
.searchautocomplete .searchautocomplete-placeholder ul li:before,
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  clear: both;
}
.searchautocomplete .searchautocomplete-placeholder ul li a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li a .pull-right {
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
  background-color: #eeffee;
  box-shadow: 0 0 1px #525252;
  cursor: pointer;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {
  float: left;
  margin: 0px 10px 5px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
  font-weight: bold;
  font-size: 13px;
  color: #C76200;
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label {
  display: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label {
  font-weight: normal;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price {
  font-size: 0.9em;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings {
  margin: 0;
  line-height: 14px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box {
  float: left;
  margin: 0 5px 0 0;
}
.searchautocomplete .searchautocomplete-placeholder .index-title {
  text-align: right;
  color: #0A263C;
  border-bottom: 1px solid #CCC;
  padding: 2px 5px;
  background-color: #F7F7F6;
}
.searchautocomplete .searchautocomplete-placeholder .index-title span {
  color: #666;
  font-size: 0.9em;
}
.searchautocomplete .searchautocomplete-placeholder .all {
  text-align: right;
  margin: 10px 10px 5px 10px;
}
.searchautocomplete .searchautocomlete-image {
  float: left;
  margin: 0px 5px 5px 0px;
}
.searchautocomplete .searchautocomplete-loader {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 11px;
  right: 44px;
  z-index: 99;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  display: none;
}
.searchautocomplete .searchautocomplete-loader div {
  position: absolute;
  background-color: #FFFFFF;
  height: 3px;
  width: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-animation-name: f_autocomplete_loader;
  animation-name: f_autocomplete_loader;
  -webkit-animation-duration: 0.64s;
  animation-duration: 0.64s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
.searchautocomplete .searchautocomplete-loader div#g01 {
  left: 0px;
  top: 7px;
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
.searchautocomplete .searchautocomplete-loader div#g02 {
  left: 2px;
  top: 2px;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.searchautocomplete .searchautocomplete-loader div#g03 {
  left: 7px;
  top: 0px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.searchautocomplete .searchautocomplete-loader div#g04 {
  right: 2px;
  top: 2px;
  -webkit-animation-delay: 0.48s;
  animation-delay: 0.48s;
}
.searchautocomplete .searchautocomplete-loader div#g05 {
  right: 0px;
  top: 7px;
  -webkit-animation-delay: 0.56s;
  animation-delay: 0.56s;
}
.searchautocomplete .searchautocomplete-loader div#g06 {
  right: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.64s;
  animation-delay: 0.64s;
}
.searchautocomplete .searchautocomplete-loader div#g07 {
  left: 7px;
  bottom: 0px;
  -webkit-animation-delay: 0.72s;
  animation-delay: 0.72s;
}
.searchautocomplete .searchautocomplete-loader div#g08 {
  left: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
@-moz-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-ms-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-o-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}

.profileimage-block{
    float: right;
    width:auto;
    height:auto;
    border:1px solid gray;
    margin-left: 8px;
}
.profileimage-wrapper{
    float:left;
    border:1px solid grey;
    width:auto;
    height:auto;
}


@font-face{font-family:'telenorregular';src:url('https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/telenor_0-webfont.eot');src:url('https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/telenor_0-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/telenor_0-webfont.woff2') format('woff2'),url('https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/telenor_0-webfont.woff') format('woff'),url('https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/telenor_0-webfont.ttf') format('truetype'),url('https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/telenor_0-webfont.svg#telenorregular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'telenorbold';src:url('https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/telenor-bold_0-webfont.eot');src:url('https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/telenor-bold_0-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/telenor-bold_0-webfont.woff2') format('woff2'),url('https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/telenor-bold_0-webfont.woff') format('woff'),url('https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/telenor-bold_0-webfont.ttf') format('truetype'),url('https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/telenor-bold_0-webfont.svg#telenorbold') format('svg');font-weight:normal;font-style:normal}
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
*, *:before, *:after {
    box-sizing: border-box;
}

@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated1{-webkit-animation-delay:1s;animation-delay:1s}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes transparent{0%{opacity:1}100%{opacity:.2}}@keyframes transparent{0%{opacity:1}100%{opacity:.2}}.transparent{-webkit-animation:transparent 7s none 5s;animation:transparent 7s none 5s}@-webkit-keyframes opaque{0%{opacity:.2}100%{opacity:1}}@keyframes opaque{0%{opacity:.2}100%{opacity:1}}.opaque{-webkit-animation-name:opaque;animation-name:opaque}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(-360deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(0deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);-ms-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);-ms-touch-action:pan-y;margin:0 40px}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}#carousel .owl-wrapper-outer,#inner_banner_slider .owl-wrapper-outer{width:92%}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;margin:0 auto}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(https://www.telenor.com.pk/skin/frontend/telenor/default/js/plugins/owl/grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-item .slide{padding:0 2px}.owl-theme .owl-controls{text-align:center;position:absolute;width:100%}#inner_banner_slider .owl-controls{position:relative}#carousel .owl-controls{top:23%}#screenSlider .owl-controls{top:45%}.owl-theme .owl-buttons{width:100%;height:inherit;position:relative}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;font-size:12px;background-color:#a6a9ab;position:absolute;width:30px;height:30px}.djuice .owl-theme .owl-controls .owl-buttons div{background-color:#ff0}.owl-theme .owl-buttons .owl-prev{background-image:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/arrow_b-left.png);left:-40px;background-position:center center}.djuice .owl-theme .owl-buttons .owl-prev{background-image:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/arrow_b_left_black.png)}.owl-theme .owl-buttons .owl-next{background-image:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/arrow_b.png);right:-40px;background-position:center center}.djuice .owl-theme .owl-buttons .owl-next{background-image:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/arrow_b_right_black.png)}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(https://www.telenor.com.pk/skin/frontend/telenor/default/js/plugins/owl/AjaxLoader.gif) no-repeat center center}
/* iCheck plugin Square skin, blue
----------------------------------- */
.icheckbox_square-blue, .iradio_square-blue {
	display: inline-block;
 *display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	/*background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/js/plugins/icheck/skins/square/blue.png) no-repeat;*/
	background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/js/plugins/icheck/skins/square/styled_checkbox_V3.png) no-repeat;
	border: none;
	cursor: pointer;
}
.field_heading.border_field_heading .icheckbox_square-blue{
		border: 1px solid #CCCCCC;
}

.iradio_square-black {
	display: inline-block;
 *display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	/*background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/js/plugins/icheck/skins/square/blue.png) no-repeat;*/
	background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/js/plugins/icheck/skins/square/styled_checkbox_V3.png) no-repeat;
	border: none;
	cursor: pointer;
}


.icheckbox_square-blue {
	background-position: 0 0;
}
.icheckbox_square-blue.hover {
	background-position: -24px 0;
}
.icheckbox_square-blue.checked {
	background-position: -48px 0;
}
.icheckbox_square-blue.disabled {
	background-position: -72px 0;
	cursor: default;
}
.icheckbox_square-blue.checked.disabled {
	background-position: -96px 0;
}
.iradio_square-blue ,.iradio_square-black {
	background-position: -120px 0;
}
.iradio_square-blue.hover , .iradio_square-black.hover{
	background-position: -144px 0;
}
.iradio_square-blue.checked , .iradio_square-black.checked{
	background-position: -168px 0;
}
.iradio_square-blue.disabled, .iradio_square-black.disabled {
	background-position: -192px 0;
	cursor: default;
}
.iradio_square-blue.checked.disabled .iradio_square-black.checked.disabled{
	background-position: -216px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
 .icheckbox_square-blue,  .iradio_square-blue {
 background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/js/plugins/icheck/skins/square/blue@2x.png);
 -webkit-background-size: 240px 24px;
 background-size: 240px 24px;
}
}

.camera_bar {
    z-index: 2;
}
.camera_thumbs {
    margin-top: -100px;
    position: relative;
    z-index: 1;
}
.camera_thumb {
    width: 150px;
    height: auto;
}
.camera_thumbs_cont {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
    background: none;
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    list-style: none
}
.camera_wrap img {
    max-width: none!important;
}
.camera_fakehover {
    background: #f6f7f7;
    height: 100%;
    min-height: 60px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.camera_wrap {
    position: relative;
    background: #f6f7f7;
    height: 590px;
    top: 0;
    z-index: 0;
    margin: 0 !important;
}
.camera_wrap.handset {
    height: 700px;
}
#inner-slider {
    min-height: 170px;
}
.inner-wrapper .camera_wrap {
    height: 280px;
}
.camera_src {
    display: none;
}
.cameraCont, .cameraContents {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 1;
}
.cameraSlide {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.cameraContent {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.camera_target {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 0;
}
.camera_overlayer {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}
.camera_target_content {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.camera_target_content .camera_link {
    display: block;
    height: 100%;
    text-decoration: none;
}
.camera_loader {
    background: #fff url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/camera-loader.gif) no-repeat center;
    border: 1px solid #ffffff;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    height: 36px;
    left: 50%;
    overflow: hidden;
    position: absolute;
    margin: -18px 0 0 -18px;
    top: 50%;
    width: 36px;
    z-index: 3;
}
.camera_bar {
    display: none;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
    height: 100%;
    position: absolute;
    width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
    height: auto;
    position: absolute;
    width: 100%;
}
.camera_nav_cont {
    height: 65px;
    overflow: hidden;
    position: absolute;
    right: 9px;
    top: 15px;
    width: 120px;
    z-index: 4;
}
.camera_caption {
    top: 35%;
    display: block;
    position: absolute;
    width: 40%;
    overflow: hidden;
}
.camera_caption.right {
    right: 5%
}
.camera_caption.left {
    left: 5%
}
.camera_caption > div {
    height: auto;
    max-height: 50%;
}
.camera_caption > div > a {
    display: block;
    height: 100%;
}
.camerarelative {
    overflow: hidden;
    position: relative;
}
.imgFake {
    cursor: pointer;
}
.camera_prevThumbs {
    bottom: 4px;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 4px;
    visibility: hidden;
    width: 30px;
    z-index: 10;
}
.camera_prevThumbs div {
    background: url(/sites/all/themes/gpc/css/images/camera_skins.png) no-repeat -160px 0;
    display: block;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 30px;
}
.camera_nextThumbs {
    bottom: 4px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 4px;
    visibility: hidden;
    width: 30px;
    z-index: 10;
}
.camera_nextThumbs div {
    background: url(/sites/all/themes/gpc/css/images/camera_skins.png) no-repeat -190px 0;
    display: block;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 30px;
}
.camera_command_wrap .hideNav {
    display: none;
}
.camera_command_wrap {
    left: 0;
    position: relative;
    right: 0;
    z-index: 4;
}
.camera_wrap .camera_pag {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}
.camera_wrap .camera_pag .camera_pag_ul {
    list-style: none;
    padding: 0;
    text-align: center;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin: 20px 2px;
    position: relative;
    text-align: left;
    text-indent: -9999px;
    width: 14px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #FFF;
    height: 14px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 14px;
    -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.20);
    -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.20);
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_pag_ul li img {
    display: none;
    position: absolute;
}
.camera_pag_ul .thumb_arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    top: 0;
    left: 50%;
    margin-left: -4px;
    position: absolute;
}
.camera_prev, .camera_next, .camera_commands {
    cursor: pointer;
    height: 40px;
    margin-top: -20px;
    position: absolute;
    top: 50%;
    width: 40px;
    z-index: 2;
}
.camera_prev, .camera_next, .camera_prev > span, .camera_next > span {
    display: block;
    height: 66px;
    width: 66px;
}
.camera_prev > span, .camera_next > span {
    background: url(/sites/all/themes/gpc/images/slider-arrow.png) no-repeat 0 0;
    opacity: 0.2;
}
.camera_prev {
    left: 50px;
}
.camera_next {
    right: 50px;
}
.camera_prev, .camera_next {
    display: none;
}
.camera_next > span {
    background-position: 0 -83px;
}
.camera_prev:hover > span, .camera_next:hover > span {
    opacity: 0.6;
}
.camera_commands {
    right: 41px;
}
.camera_commands > .camera_play {
    background: url(/sites/all/themes/gpc/css/images/camera_skins.png) no-repeat -80px 0;
    height: 40px;
    width: 40px;
}
.camera_commands > .camera_stop {
    background: url(/sites/all/themes/gpc/css/images/camera_skins.png) no-repeat -120px 0;
    display: block;
    height: 40px;
    width: 40px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    margin: 0 6px;
    display: inline-block;
    height: 14px;
    position: relative;
    text-indent: -9999px;
    width: 14px;
}
.camera_thumbs_cont {
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_thumbs_cont > div {
    float: left;
    width: 100%;
}
.camera_thumbs_cont ul {
    overflow: hidden;
    padding: 3px 4px 8px;
    position: relative;
    text-align: center;
}
.camera_thumbs_cont ul li {
    display: inline;
    padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
    border: 1px solid;
    cursor: pointer;
    margin-top: 5px;
    vertical-align: bottom;
}
.camera_clear {
    display: block;
    clear: both;
}
.showIt {
    display: none;
}
.camera_clear {
    clear: both;
    display: block;
    height: 1px;
    margin: -1px 0 25px;
    position: relative;
}
.camera_caption {
    color: #FFFFFF;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span, .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background: #d5007c;
}
.camera_pag_ul li img {
    border: 4px solid #e6e6e6;
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
    box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.camera_pag_ul .thumb_arrow {
    border-top-color: #e6e6e6;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    background: #cfcfcf;
}
.camera_thumbs_cont ul li > img {
    border: 1px solid #000;
}
.digital_banner_sec {
    color: #fff;
    font-family: inherit !important;
    padding: 5px 20px;
    width:100%;
}
.digital_banner_sec h1 {
    color: #fff;
    font-size: 42px;
    margin: 0;
    font-family: telenoritalic;
    text-transform: capitalize;
    line-height: 52px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    width:100%;
    text-overflow: ellipsis;
}
.digital_banner_sec h2 {
    font-size: 22px;
    margin-top: 7px;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    width:100%;
    text-overflow: ellipsis;
}
.digital_banner_sec a {
    text-decoration: none;
    color: #fff;
}
.digital_banner_sec p {
    font-size: 18px;
    margin: 0px;
    overflow: hidden;
    margin-top: 15px;
    max-height:38px;
}

.digital_banner_sec .bbutton{
    margin-top: 30px;
    padding: 5px 0px 5px 20px;
    font-size: 27px;
    line-height: 47px;
    height: 55px;
    display: block;
    width: 314px;
}
.digital_banner_sec .buy_now_btn {
    background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/shop_online_top.png) no-repeat 90% center, url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/main_buynow_btn_repeat.png) repeat-y;
}
.digital_banner_sec .activate_btn {
    background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/main_buynow_btn_repeat.png) repeat-y;
}

.digital_banner_sec .more_link {
    display: block;
    font-size: 21px;
    min-width: 165px;
}
.digital_banner_sec .more_link >a {
    font-size: 20px;
    color: #ffffff;
    line-height: 27px;
    display: block;
}

/*including fonts*/
@import "https://www.telenor.com.pk/skin/frontend/telenor/default/fonts/telenor/fonts.css";

.pt_left{
    width:30%;
    float:left;
}
.pt_right{
    width:70%;
    float:right;
}
#nav_container {
    background: transparent url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/blue_pattern_bg.png") repeat-x scroll 0% 0%;
    display: inline-block;
    width: 100%;
    position: relative;
}
#navbar {
    height: 40px;
    line-height: 40px;
}
.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#topmenu > .active {
    background-color: #00ace6;
}

.item_topmenu {
    float: left;
}
.item_topmenu > a, .menuitem > a {
    color: #ffffff;
    padding: 0 6px;
    font-size: 18px;
    float: left;
}
.item_topmenu:hover, .topicons .ticon:hover {
    background-color: #006cac;

}
.subnavbar {
    background-color: #00ACE7;
    height: 60px;
    line-height: 57px;
    position: absolute;
    top: 40px;
    left: 0px;
    display: none;
    width: 100%;
}

#topmenu > .active > .subnavbar{
    display:block;
}
.menuitem {
    float: left;
    padding: 0 18px;
}
.item_submenu > a {
    display: block;
    color: #ffffff;
    padding: 0 6px;
    font-size: 15px;
    float: left;
}

.item_submenu > a:hover {
    border-bottom: 3px solid #008bcf;
    background-color:#008bcf;
}

.submenu > .active > a {
    border-bottom: 3px solid #d6d800;
    background-color: #00ACE7;
}

#sticky_navbar .popup_menu {
    top: 43px;
}

#sticky_navbar .item_submenu > a{
    font-family:telenorregular;
    font-size:15px;
}
.popup_menu {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 895px;
    top: 60px;
    white-space: normal;
    padding: 10px 24px 25px;
    display: none;
    z-index: 9999;
    background: #ffffff;
}
.popup_menu .cols {
    width: 24%;
    display: inline-block;
    vertical-align: top;
}
.popup_content {
    width: 90%;
    margin-top: -4px;
}
.popup_menu .popup_content > h3 {
    height: 40px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 40px;
}
ul.popup_cols_menu {
    margin: 0;
    list-style-type: none;
}
.popup_menu .popup_content > h3 >a {
    color: #009CE8;
    font-size: 14px;
}
.popup_menu .popup_content > h3 >a:hover {
    color: #ff0077;
}
li.item_pcm {
    border-bottom: 1px solid #e6e6e6;
    height: 33px;
    line-height: 33px;
}
li.item_pcm > a {
    color: #323232;
    font-size: 13px;
    width: 100%;
    display: block;
}

li.item_pcm:hover > a {
    color: #ff0077;
}


#sticky_topnav_holder {
    background: #00ACE7;
    height: 43px;
    left: 0;
    position: fixed;
    right: 0;
    top: -50px;
    z-index: 99999;
}
#sticky_navbar {
    position: relative;
}
#sticky_navbar .item_submenu {
    height: 40px;
    line-height: 40px;
}
.stick_logo_container > a {
    float: left;
    margin: 11px 0 0;
}
.stick_logo_container img {
    width: 22px;
    height: 21px;
}
#searchAsset {
    float: right;
    width: 160px;
    margin-left: 25px;
    height: 28px;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    margin-top: 6px;
}
#searchForm {
    margin: 0;
    padding: 0;
}
#serchField {
    border: none;
    outline: none;
    background: none;
    color: #fff;
    width: 135px;
    height: 28px;
    float: left;
    line-height: 28px;
    padding: 0 10px;

}


#serchField::-webkit-input-placeholder { color:#FFFFFF; opacity:1; }
#serchField::-moz-placeholder { color:#FFFFFF; opacity:1;} /* firefox 19+ */
#serchField:-ms-input-placeholder { color:#FFFFFF; opacity:1;} /* ie */
#serchField:-moz-placeholder { color:#FFFFFF; opacity:1;}

/*.djuice #serchField::-webkit-input-placeholder { color:#000000; opacity:0.3; }
.djuice #serchField::-moz-placeholder { color:#000000; opacity:0.3;}  firefox 19+ 
.djuice #serchField:-ms-input-placeholder { color:#000000; opacity:0.3;}  ie 
.djuice #serchField:-moz-placeholder { color:#000000; opacity:0.3;}*/

#formBtn {
    float: left;
    width: 20px;
    height: 30px;
    border: none;
    background: none;
    outline: none;
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/search.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
#lang {
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/urdu_top.png);
}
#cart {
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/shop_online_top.png);
}
#login {
    margin-top: 0px;
    margin-left: 3px;
    display: inline-block;
    min-width: 28px;
    width: auto;
    padding-right: 3px;
}
.topicons {
    float: right;
    height: 40px;
}
.topicons .ticon {
    display: inline-block;
    min-width: 20px;
    padding: 5px;
    height: 40px;
    position: relative;

}
.topicons .ticon > a > span {
    display: inline-block;
    min-width: 20px;
    height: 20px;
}
.topicons .ticon a{
    display:inline-block;
    height:100%;
}
.topicons .ticon > a > span.teng{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/urdu_top.png");
    background-position: center;
    background-repeat:no-repeat;
    width: 40px;
    height: 30px;
}
.topicons .ticon > a > span.turdu{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/eng_icon.png");
    background-position: center;
    background-repeat:no-repeat;
    width: 40px;
    height: 30px;
}
.topicons .ticon > a > span.tcart{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/sc_icons.png");
    background-position: -194px -12px;
    background-repeat: no-repeat;
    width: 45px;
    height: 30px;
}
.topicons .ticon > a > span.tbell{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/notificatios.png");
    background-position: 10px 4px;
    background-repeat: no-repeat;
    width: 45px;
    height: 30px;
}
.topicons .ticon > a > span.tfav{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/sc_icons.png");
    background-position: -150px -12px;
    background-repeat:no-repeat;
    width: 45px;
    height: 30px;
}
.topicons .ticon > a > span.tlogin{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/login_top.png");
    background-position: center;
    background-repeat:no-repeat;
    width: 40px;
    height: 30px;
}
.topicons .ticon > a > span.tuser{
    border-radius: 50%;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
}
.topicons a > span.ico-alert {
    background-color: #FF0079;
    min-width: 15px;
    width: 15px;
    height: 15px;
    font-size: 9px;
    line-height: 15px;
    text-align: center;
    padding: 0px;
    position: absolute;
    top: 4px;
    right: 6px;
    color: #FFF;
    border-radius: 50%;
    font-weight: bold;
}
.topicon_area {
    display: inline-block;
}
.ticon .top-list{
    max-height:0px;
    overflow:hidden;
    position:absolute;
    right:0px;
    top:40px;
    background-color:#fff;
    font-size:14px;
    width:278px;
    /*-webkit-transition: max-height 1s,padding 1s;
    -moz-transition: max-height 1s,padding 1s;
    transition: max-height 1s,padding 1s;*/
}
.ticon.active .top-list{
    padding:15px 20px;
    max-height:400px;
}
#topmenu .arrowicon{
    position:absolute;
    display:block;
    width:50px;
    height:45px;
    display:none;
    right:0;
}
/**** login/ lock button : start ******/
.first_name{
    color: white;
    cursor: pointer;
    float: left;
    width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.on_name_click{
    background-color: white;
    float: left;
    position: absolute;
    right: -87px;
    width: 190px;
    padding-bottom: 10px;
    padding-top: 0px;
}
.on_page_load{
    float: left;
    padding-bottom: 10px;
    position: absolute;
    right: -125px;
    width: 190px;
}
#black_login{

    margin-top: 0px;
    background-color: white;
}
.black_lock{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/login_top_djuice.png");
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 40px;
    padding: 20px;
    padding-left: 0px;
    margin-right: 8px;
    width: 30px;
}
.on_name_click .first_name{
    color: black;
    padding-top: 0px;
}
.account_links a{
    color: #009ce8;
    width: 100%;
    float: left;
    padding-left: 10px;
    position: relative;
    padding-right: 10px;
}
/*.account_links:hover,*/
.account_links a:hover {
    color:#21282E ;
    background-color: #cfde00;
}
.account_links{
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    width: 100%;
}
.dropdow_bg_image{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/up.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 10px;
    margin-left: 5px;
    margin-top: 18px;
    padding-left: 5px;
    width: 10px;
}
.dropdow_bg_image_dark{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/dark.png");
    background-repeat: no-repeat;
    cursor: pointer;
    float: left;
    height: 10px;
    margin-left: 5px;
    margin-top: 18px;
    padding-left: 5px;
    width: 10px;
}
@media only screen and (min-width:80px) and (max-width:992px){
    #login:before {
        display: block;
        content: "";
        padding-left: 10px;
        color: #ffffff;
        font-size: 18px;
    }
    .on_page_load{
        right: 0px;
        width: 222px;
    }
    .dropdow_bg_image{
        margin-left: 190px;
        position: absolute;
    }
    .on_name_click{
        right: 0px;
        width: 100%;
    }
    #black_login{
        width: 262px;
        background-color: white;
        margin-top: 0;
        position: absolute;
        top: 52px;
        margin-left: 10px;
        margin-top: 0px;
    }
    .on_name_click .first_name{
        position: absolute;
        margin-left: 40px;
        padding-top: 5px;
        width: 180px;
    }
    .black_lock{
        margin-left: 5px;
    }
    .dropdow_bg_image_dark{
        margin-left: 230px;
        position: absolute;
    }
    .topicons.connect_icon {
        left: 120px !important;
    }
    .ticon.tconnect {
        display: inline-block !important;
    }
    #logged_out_menu{
        display: none !important;
    }
}
/**** login/ lock button : end ******/
#logged_in_menu{
    display:none;  
}
.login_user{
    width: 100%;
    height: 100%;
    margin-left: 2px;
    margin-top: 0px;
    padding: 3px 5px;
    background-repeat:no-repeat;
    background-position:3px center;
    font-size:15px;
    color:#fff;

}

.login_user.inactive{
    border:0px;
    border-radius:initial;
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/login_top.png");
    padding-left: 25px;
    line-height: 32.5px;
}

.login_user.loggedin{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/login_top.png");
    padding-left: 25px;
}

.login_open .loggedin{
    background-color:#fff;
}

.login_open .loggedin{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/login_top_djuice.png");
    color:#21282E;
}

.login_open .loggedin span{
    color:#21282E;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.login_open .down_icon{
    background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/arrow_b_down_black.png');
}
#logged_out_menu{
    display:none;
}
#logged_out_menu a{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/login_top.png");
    background-repeat:no-repeat;
    background-position:8px center;
    padding-left:35px;
}

.djuice #logged_out_menu a{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/login_top_djuice.png");
    color:#21282E;
}
.login_user img{
    border: 0px;
    width: 20px;
    height: auto;
    margin-left: 3px;
    margin-bottom: 2px;
    float:left;
}
.login_user span{
    float:left;
    color:#fff;
    line-height:22px;
    margin-left:8px;
    font-size:15px;
    margin-top:8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.loggedin .uname{
    width:70px;
}

.login_links{
    position: absolute;
    top: 40px;
    right:0px;
    background-color: #fff;
    max-height:0px;
    overflow:hidden;
    padding:0px;
    width:200px;
    -webkit-transition: max-height 1s,padding 1s;
    -moz-transition: max-height 1s,padding 1s;
    transition: max-height 1s,padding 1s;
}
.ticon.active .login_links{
    max-height:400px;
    padding:5px;
}
.topicons .login_links a{
    display:block;
    width:100%;
}
.login_links a .login_link{
    font-size:15px;
    padding:10px;
    color:#007dc5;
    line-height:18px;
    background-color: #fff;
    font-family:telenorregular;
    margin:5px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.login_links a:hover .login_link{
    color:#21282E;
    background-color:#CFDE00;
    font-family:telenorregular;
}

#logged_in_menu .login_lock{
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/login_top.png");
    background-repeat:no-repeat;
    background-position:8px center;
    padding-left:35px;
}

.home_bg {
    background: transparent url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/blue_pattern_bg.png) repeat-x;
    min-height: 400px;
}

.home_bg_large{
    background: transparent url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/register/bg_pattern.png") repeat-x;

}

.mainblock_bg {
    background-color: #ffffff;
    background-repeat: repeat-x;
}

.gray_bg{
    background-color:#EFF2F3;
}
.gray2_bg{
    background-color:#EBEBEB
}
.white_bg{
    background-color:#fff;
}
#inner_wrapper{
    padding-top:20px;
    position:relative;
}

.news_ticker{
    padding-top:10px;
}

.marquee{
    height:21px;
    line-height: 21px;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding:0;
    margin:0;
    display: block;
    width:100%;
}


ul.marquee li {
    display: block;
    left: 0;
    padding:0 15px;
    position: absolute;
    top: -999em;
    white-space: nowrap;
    width:100%;
}

.marquee > li> a{
    font-size:13px;
    color:#ffffff;
    width:100%;
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.content_section{
    display:inline-block;
    width:100%;
    clear:both;
}

.large_screen_padding{
    padding-left:30px;
}
.layers {
    width: 100%;
    display: inline-block;
    margin-bottom: 65px;
}


#content_layer4 {
    margin-bottom: 30px;
}
.grids {
    float: left;
    vertical-align: top;
    display: inline-block;
}
.grids .large {
    width: 95%;
    margin: 0 auto;
    height: auto;
}

.grids_2:nth-child(2n-1) .large, .grids_2:nth-child(2n-1) .detail_section{
    margin-left:0px;
    padding-left:0px;
}

.grids_2:nth-child(2n) .large, .grids_2:nth-child(2n) .detail_section{
    margin-right:0px;
    float:right;
}

.grids .medium {
    max-width: 215px;
    height: auto;
    text-align:center;
}

.grids .medium img{
    max-width:100%;
    margin:0 auto;
}

.grids .small {
    width: 90px;
    height: 90px;
    margin:0px 10px;
    border-radius:50%;
    text-align:center;
    padding-top:10px;
    /*    margin-left: 4%;*/
}

.grids .small a{
    display:inline-block;
}
.grids_4_small .imgBox img{
    width:70px;
    height:70px;
}

.grids_4_small:nth-child(4n-3) .small{
    background-color:#ff5f00;
}
.grids_4_small:nth-child(4n-2) .small{
    background-color:#8500A8;
}
.grids_4_small:nth-child(4n-1) .small{
    background-color:#ED1B4D;
}
.grids_4_small:nth-child(4n) .small{
    background-color:#38B2B2;
}

.djuice .grids_4_small:nth-child(4n-3) .small{
    background-color:#FF5F00;
}
.djuice .grids_4_small:nth-child(4n-2) .small{
    background-color:#8500A8;
}
.djuice .grids_4_small:nth-child(4n-1) .small{
    background-color:#ED1B4D;
}
.djuice .grids_4_small:nth-child(4n) .small{
    background-color:#38B2B2;
}

.grids_4 {
    width: 25%;
    /*    min-width: 165px;*/
}

.grids_4:nth-child(4n){
    padding-right:0px;
}

.grids_4:nth-child(4n-3){
    padding-left:0px;
}

.grids_4_footer {
    width: 25%;
    min-height: 278px;
    position: relative;
}
.grids_full_footer {
    width: 100%;
    min-height: 20px;
    position: relative;
}
.grids_4_small {
    width: 25%;
    min-height:230px;
}
.grids_2_back {
    color: #fff;
    width: 48%;
    padding: 40px;
    margin: 0px;
    position:relative;
    padding-bottom: 70px;
}
/* new grids 2 back h1 */
.grids_2_back h1 {
    font-size: 30px;
    padding-top: 0;
    display: inline-block;
    float: left;
    color: #fff;
    font-family:telenorregular;
}
.grids_2_back:nth-child(2n-1){
    float: left;
}
.grids_2_back:nth-child(2n){
    float: right;
}
.grids_2_button{
    background: #CFDD01 url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/dark_arrow.png) 93% center no-repeat;
    padding: 10px 30px 10px 10px;
    color: #21282e;
    font-size: 15px;
    display: block;
    max-width: 200px;
    min-width:190px;
    position: absolute;
    bottom: 30px;
    left:213px;
    cursor:pointer;
}
.store h1 {
    width: 117px;
}
.store h2 {
    font-size: 24px;
    padding-bottom: 10px;
}
.support h1::before {
    content: " ";
    width: 85px;
    height: 80px;
    display: block;
    background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/faq_white_icon.png) no-repeat;
    margin-bottom: 20px;
}
.support h1 {
    width: 130px;
}
.grids_2_back .contents {
    padding-left: 170px;
    height: 190px;
}
.store {
    background: #0082c9 url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/blue_pattern_bg.png) repeat-x;
    background-size:contain;
}
.store h1:before {
    content: '';
    width: 85px;
    height: 80px;
    display: block;
    margin-bottom: 20px;
    background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/locator_white_icon.png) no-repeat;
}
/* new support */
.support {
    background: #cd0067 url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/faq_bg_pattern.jpg) repeat-x;
    background-size:contain;
}
.support a{
    color:#fff;
}
.djuice .support a, djuice .support p{
    color:#21282E;
}
.support p {
    border-bottom: 1px solid rgba(255,255,255, 0.3);
    line-height: 15px;
    overflow: hidden;
    padding: 5px 0px;
    font-size: 15px;
    line-height:18px;
    color:#fff;
    max-height:44px;
    padding-bottom: 5px;


}
.store p {
    line-height: 22px;
    height: 66px;
    font-size: 15px;
    overflow: hidden;
}
.grids_2 {
    width: 50%;
}

.imgBox img {
    width: 100%;
    height: auto;
}


.grids_4 > .imgBox img, .grids_4_small > .imgBox img {
    /* Webkit for Chrome and Safari */
    -webkit-transform: scale(1, 1);
    -webkit-transition-duration: 400ms;
    -webkit-transition-timing-function: ease-out;
    /* Webkit for Mozila Firefox */
    -moz-transform: scale(1, 1);
    -moz-transition-duration: 400ms;
    -moz-transition-timing-function: ease-out;
    /* Webkit for IE( Version: 11, 10 ) */
    -ms-transform: scale(1, 1);
    -ms-transition-duration: 400ms;
    -ms-transition-timing-function: ease-out;
}
.grids_4 > .imgBox:hover img, .grids_4_small > .imgBox:hover img, .grid_item .imgBox:hover img, .grid_item .imgBox_small:hover img {
    /* Webkit for Chrome and Safari */
    -webkit-transform: scale(1.1,1.1);
    -webkit-transition-duration: 400ms;
    -webkit-transition-timing-function: ease-out;
    /* Webkit for Mozila Firefox */
    -moz-transform: scale(1.1,1.1);
    -moz-transition-duration: 400ms;
    -moz-transition-timing-function: ease-out;
    /* Webkit for IE( Version: 11, 10 ) */
    -ms-transform: scale(1.1,1.1);
    -ms-transition-duration: 400ms;
    -ms-transition-timing-function: ease-out;
}
.grids_2 .detail_section {
    width: 95%;
    max-width:555px;
    margin:0px;
    padding:10px 0px;
}
.detail_section {
    width: 100%;
    padding:20px 10px;
}
.detail_section >a:hover h2 {
    color: #00a5ef;
}
.detail_section h2 {
    font-size: 21px;
    color: #0091d2;
    line-height:23px;
    margin-bottom: 10px;
    display: inline-block;
    width:100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.detail_section h3 {
    font-size: 18px;
    color: #21282e;
    margin-bottom: 5px;
    height: 44px;
    overflow: hidden;
    line-height: 22px;
}
.detail_section p {
    color: #21282e;
    font-size: 14px;
    line-height: 18px;
    min-height: 54px;
    height:54px;
    overflow: hidden;
}
.grids_4 p {
    height: auto;
}
.grids_2 p {
    max-height: auto;
}
.more_link {
    margin-top: 15px;
    height: 24px;
}
.more_link a {
    font-size: 14px !important;
    color: #21282e;
    line-height: 24px;
    display:inline-block;
}
.more_link a:hover .more_icon {
    background-color: #00a5ef;
}
.more_icon {
    width: 24px;
    height: 24px;
    background-color: #0091d2;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.more_link .arrow {
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/arrow_b.png);
}
#social_media {
    text-align: center;
    font-family:telenorregular;
    font-size:18px;
}
.home_bg.urgent_cr #social_media .social_text{
    color: #fff;
}
.social_icon#fb {
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/facebook.png);
}
.social_icon#in {
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/linkedin.png);
}
.social_icon#tw {
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/twitter.png);
}
.social_icon {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: 20px;
    background-position: center;
    background-repeat: no-repeat;
    position:relative;
}

.social_icon a{
    display:inline-block;
    width:100%;
    height:100%;
}
.social_text {
    font-size: 18px;
    color: #21282e;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #E0E0E0;
}

.grids_items{
    display:inline-block;
    margin-top:10px;
    width:100%;
}

.grids_items .grids_4_small .imgBox{
    border-radius:50%;
}
.grids_items .less_more .grids_4_small .imgBox{
    padding-top:10px;
}
.grids_items .grids_4_small:nth-child(4n) .imgBox{
    background-color:#38B2B2;

}
.grids_items .grids_4_small:nth-child(4n-1) .grid4_icons{
    background-color:#ED1B4D;

}
.grids_items .grids_4_small:nth-child(4n-2) .grid4_icons{
    background-color:#8500A8;
}
.grids_items .grids_4_small:nth-child(4n-3) .grid4_icons{
    background-color:#FF5F00;
}

.grids_items .grids_3_small:nth-child(3n) .grid4_icons{
    background-color:#ED1B4D;
}

.grids_items .grids_3_small:nth-child(3n-1) .grid4_icons{
    background-color:#8500A8;
}

.grids_items .grids_3_small:nth-child(3n-2) .grid4_icons{
    background-color:#FF5F00;
}



.grids_minus_4{
    width: 75%;
}

.banner_desc h2{
    color:#21282e;
    font-size:24px;
    line-height:32px;
    margin:30px 0px 24px;
}
.banner_desc p{
    font-size:16px;
    line-height:24px;
    color:#666666;
    font-family:arial;
}
.discount_features{
    color:#21282e;
}

.tabspacing{
    margin-top:40px;
}
.discount_feature{
    margin-top:20px;
}
.discount_feature .discount_heading h3{
    font-size:22px;
    padding:10px 0px;
}
.discount_feature .discount_desc p{
    font-size:16px;
    padding:10px 0px;
}

.list_number{
    counter-reset: li-counter;
}

.list_number .list_item:before{
    content: counter(li-counter)".";
    counter-increment: li-counter;
    position:absolute;
    left:0px;
}

.list_number .list_item{
    padding-left:20px;
    position:relative;
    background:transparent;
}

@media only screen and (min-width:80px) and (max-width: 639px){
    .grids_minus_4{
        width:100%;
    }
}

@media only screen and (min-width:640px) and (max-width: 959px){
    .grids_minus_4{
        width:100%;
    }
}


.content_section.col2_right {
    clear: both;
    margin: 0px 0px 30px;
}
.news_content:after, .heading_container:after {
    display: block;
    content: " ";
    clear: both;
}
.content_section.col2_right .panels {
    margin: 0;
    float: left;
}
.content_section.col2_right .panel_left {
    width: 75%;
}
.content_section.col2_right .panel_right {
    width: 25%;
}
.date_container {
    width:143px;
    height: auto;
    float: left;
    border-right: 2px solid #BDCBD2;
    margin-right: 15px;
    margin-top:3px;
}

.press_date{
    width:128px;
    padding:12px;
    display:inline-block;
    height:56px;
    background:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/press_release/gradient_ptrn.png) repeat-y;
    color:#fff;
    float:left;
}

.press_date .press_day{
    font-size:36px;
    display:inline-block; 
}

.press_date .press_my{
    display:inline-block;
    width:50%; 
    font-size:14px;
    line-height:16px;
}
.news_content {
    width: 100%;
    display: block;
    margin-top: 0px;
}
.news_img {
    width: 100%;
    display: block;
}
.news_img img {
    max-width: 100%;
    height: auto;
    width: auto;
}
.news_heading h2,.press_heading h2, .search_heading h2 {
    font-size: 31px;
    color: #21282e;
    line-height:31px;
}
.news_para p {
    margin: 20px 0;
    line-height: 21px;
}
.col2_right .right_bar {
    width: 240px;
    float: right;
}
.right_bar .spacing {
    margin-top: 30px;
}
.downloads_head h3 {
    font-size: 18px;
    line-height: 36px;
    border-bottom: 1px solid #e0e0e0;
}
.side_banner_section .device_adv{
    margin:0;
    float:left;
    width:100%;
    max-width:none;
}
.side_banner_section .device_adv img{
    width:100%;
    height:200px;
}

.press_release .more_link .arrow {
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/press_release/download_icon.png);
}

.more_link .download {
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/press_release/download_icon.png);
}





.experience .panel_left{
    width:25%;
    min-width:240px;
}

.experience .panel_right{
    width:75%;	
}

.experience .panel_right .layers{
    width:100%;
    max-width:860px;
}

.experience .banner{
    max-width:860px;
    width:100%;
    margin:0px;	
}

.margin_top{
    margin-top:40px;	
}

.no_margin{
    margin-bottom:0px;	
}
.press{
    width:100%;
    display:inline-block;
    margin-bottom:50px;
}

.press_date{
    padding:12px;
    display:inline-block;
    width:128px;
    height:56px;
    background:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/press_release/gradient_ptrn.png) repeat-y;
    color:#fff;
    float:left;
}

.press_date .press_day{
    font-size:36px;
    display:inline-block;	
}

.press_date .press_my{
    display:inline-block;
    width:50%;	
    font-size:14px;
    line-height:16px;
}

.press_desc{
    margin-left:20px;
    width: calc(100% - 150px);
    float:left;
}

.press_desc .press_heading2 h2{
    font-size:18px;
    color:#00AAE5;
    line-height:24px;	
}

.press_desc .press_details p{
    padding:10px 0px;
    color:#21282E;
    font-size:14px;
    line-height:20px;
}

.press_desc .press_buttons .download{
    margin:10px 0px;
    color:#21282E;
    float:left;
    padding-left:34px;
    position:relative;
    line-height:24px;
    margin-right:30px;
    font-size:14px;
}

.press_desc .press_buttons .download:before{
    height: 24px;
    position: absolute;
    display: inline-block;
    background: url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/press_release/download_icon.png') no-repeat scroll center center #0091D2;
    width: 24px;
    content: "";
    left:0px;
}

.press_desc .press_buttons .download:hover:before{
    background:#00A5EF url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/press_release/download_icon.png') no-repeat scroll center center;    
}


@media only screen and (min-width:80px) and (max-width: 480px){
    .experience .panel_right{
        width:100%;
        margin:20px auto;
    }

    .press_releases .press_desc{
        width:100%;
        margin:20px 0px 0px;	
    }
}

@media only screen and (min-width: 481px) and (max-width: 639px){
    .press_releases .panel_right{
        width: calc(100% - 220px);
        margin-left:20px;
    }
    .press_releases .press_desc{
        width:90%;
        margin:20px 0px 0px;	
    }

    .experience .panel_left {
        min-width:200px;
    }
}

@media only screen and (min-width: 640px) and (max-width: 959px){
    .press_releases .panel_right{
        width: calc(100% - 260px);
        margin-left:20px;
    }
    .press_releases .press_desc{
        width:90%;
        margin:20px 0px 0px;	
    }
}

@media only screen and (min-width:960px) and (max-width: 1200px){
    .experience .panel_right{
        margin-left:20px;
        width: calc(100% - 260px);	
    }
}

.content_section.store_locator{
    clear:both;
    margin:0px 0px 30px;
}

.store_content:after{
    display:block;
    content:" ";
    clear:both;
}

.content_section.store_locator .panels{
    margin:0;
    float:left;
}
.content_section.store_locator .panel_left{
    width: 35%;
}
.content_section.store_locator .panel_right{
    width: 65%;
}

.news_content{
    width:100%;
    display:block;
    margin-top:0px;
}


.store_img{
    background-repeat:no-repeat;
    background-position:left top;
    background-size:cover;
    width:100%;
    height:673px;

}

.store_locator .left_bar{
    width: 100%;
    float:left;
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/blue_pattern_bg.png");
    background-color: #0082c9;
    background-repeat:no-repeat;
    background-size:cover;
    height: 673px;
}

.right_bar .spacing{
    margin-top:30px;
}

.downloads_head h3{
    font-size:18px;
    line-height:36px;
    border-bottom:1px solid #e0e0e0;
}

.side_banner_container img{
    width:100%;
    height:auto;
    max-width:240px;
}

#view_google_map_link .more_link{
    float: right;
    margin-top: 16px;
    margin-right:35px;

}

.left_bar{
    color:#FFF;
    padding:30px;
}


.inner_boxes, .left_bar .upper_div {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    font-family:Arial;
}
.inner_boxes{
    width: 310px;
}
.inner_boxes:last-child{
    border: none;
}


.fontsizefixed{
    font-size: 14px;
}
.left_bar .upper_div .heading_text{
    font-size:16px;
}

.lower_div{
    height: 485px;
    overflow: auto;
}
.quick_start_heading{
    font-size:22px;
    font-weight: bold;
    margin-top:25px;
    margin-bottom:25px;
}
.marginfixedless{
    margin-top:20px;
    margin-bottom:20px;
}
.marginfixed{
    margin-top:25px;
    margin-bottom:25px;
}
#input_field input {
    width: 85%;
    height:36px;
    border:none;
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/store/search_icon.png);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    padding-left:40px;
    font-weight:bold;
}

.view_map_button{
    position: relative;
    display: inline-block;
}

.view_map_button.grids_2_button{
    margin-top:25px;
    margin-bottom:30px;
    width: 108px;
    height:36px;
    margin-left:0px;
    font-size:14px;
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/store/arrow_b_right_black.png);
    line-height:36px;
    padding: 2px 0px 0px 15px;
    font-family: telenorregular;
    position: relative;
    left: 0px;
    top: 0px;
}


#input_field_button .grids_2_button {
    width:100%;
    min-width:40px;
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/store/arrow_b_right_black.png);
    background-position: center;
    height:36px;
    float:right;
    margin:0px;
    position: relative;
    bottom: 0px;
    left:auto;
}
.quick_start_heading.marginfixed > img {
    float: left;
    margin-right: 15px;
}
.store_locator #input_field #input_field_button{
    position: relative;
    float:right;
    width:15%;
}
@media only screen and (min-width:80px) and (max-width:992px){
    .store_locator #input_field input{
        height: 36px;
        width: 85%;
    }
    .store_locator #input_field_button .grids_2_button{
        height: 36px;
        width:100%;
        left:0px;
    }
}

.tab{
    text-align:left;
}
.tab h1{
    font-size:36px;
    color:#fff;
    margin:65px auto 30px;
    text-align:center;
}

.tab h2{
    font-size: 32px;
    line-height: 34px;
    color: #FFF;
    margin-bottom:10px;
}

.tab ol, .tab ul{
    margin-bottom: 20px;
}
.tab ul li,  .tab ol li{
    line-height: 25px;
    width: 100%;
    padding:0px;
    padding-left:15px;
}
.tab ul>li {
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/internationaldirectdialing/bullet.png");
    background-position: left 9px;
    background-repeat: no-repeat;
    margin-left:13px;
    padding-left:30px;
}
.tab ol li{
    list-style-type:decimal;
    margin-left:30px;
}

.tab p{
    font-size:16px;
    line-height:18px;
    font-family:arial;
}

.tab table{
    width:auto;
    max-width:100%;
    overflow:scroll;
}

.tab tr{
    border-bottom:1px solid rgba(0,0,0,0.3);
}

.tab tr td{
    padding:10px 5px;
    color:#666;
    font-family: arial;
}

.tab tr td:nth-child(1){
    color:#0091D2;
    font-size: 22px;
    font-family:telenorregular;
}

.tab tr:nth-child(1) td{
    color: #21282E;
    font-size:22px;
    font-family:telenorregular;
}

.tab table.no_layout{
    width:auto;
    max-width:100%;
    overflow:scroll;
    border:1px solid rgba(0,0,0,0.3);
    border-collapse: collapse;
}


.tab table.no_layout td{
    font-family:arial;
    color:#21282E;
    font-size:18px;
    border:1px solid rgba(0,0,0,0.3);
}

.tab table caption{
    font-size:18px;
    color:#21282E;
    line-height:22px;
}


.tab table.multiline tr td{
    padding:10px 5px;
    color:#666;
    font-size:16px;
    font-family: arial;
    vertical-align: middle;
}

.tab table.multiline tr:nth-child(1) td{
    color: #21282E;
    font-size:22px;
    font-family:telenorregular;
}

.tab table.multiline td.cell_highlight{
    color:#0091D2;
    font-size:22px;
    font-family:telenorregular;
}

.tab table.table_highlight td:nth-child(n){
    color:#0091D2;
    font-size:22px;
    font-family:telenorregular;
}

.tab strong{
    font-family: telenorbold;
}

.tab em{
    font-family: telenoritalic;
}

.container{
    width:1180px;
}

.low_margin{
    margin-bottom:15px;
}
.device_content{
    margin-top:40px;
}
.device{
    max-width: 200px;
    margin: 5px auto 80px;
}
.only_mobile_devices{
    display:none;
}
.grids_4_devices {
    width: 25%;
    padding:2px;
}

.grids_minus_4{
    width: 75%;
}
.grids_4_devices .medium{
    min-width:140px;
}
.grids_4_devices2 {
    width: 25%;
}

.grids_2_devices2{
    width:50%;
    min-width:320px;
}
.less, .more{
    cursor:pointer;
    width:100%;
    margin-top:30px;
}

.more_icon_down, .less_icon_up{
    width:215px;
    min-height:30px;
    border-bottom:2px solid #0091D2;
    margin:0px auto;
}

.more_icon_down{
    background:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/arrow_down_blue.png) no-repeat center center;
}

.less_icon_up{
    background:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/arrow_up_blue.png) no-repeat center center;

}

.more_info, .less_info{
    color:#0091D2;
    font-size:15px;
    line-height:20px;
    margin:10px auto;
    text-align:center;
}

.less_icon_down{

}
.device img{
    margin:0px auto;
}

.device_img img{
    width:100%;
    max-width:200px;
}

.device_reviews img{
    width:16px;
    height:auto;
}


.device_title{
    width:100%;
    max-width:200px;
    margin:5px auto;
}

.device_title_large{
    max-width:236px;
}
#device_grid_view .device_title, #device_list_view .device_title{
    min-width:100%;
    margin:0px auto;
}


.device_title span{
    font-size:18px;
    line-height:20px;
    color:#21282e;
}

.grids_adv{
    float:right;
}
.device_adv{
    max-width:160px;
    overflow:hidden;
    margin:5px auto;
    float:right;
}

.review, .device_capacity,.device_color,.device_buy{
    margin:15px 0px;
}
.device_reviews{
    margin:10px 0px;
    display:block;
    min-height:30px;
    border-bottom:1px solid rgba(0,0,0,0.3);
}

.device_reviews_2{
    margin:10px 0px 20px;
    display:block;
    min-height:30px;
    line-height:30px;
}


.device_color{
    min-height:50px;
}
.device_color .color_thumb{
    margin-top:10px;
}

.device_title .device_name{
    font-family:telenorregular;
    font-size: 14px;
    line-height:18px;
    overflow:hidden;
    max-height:36px;
    margin-bottom:5px;
}

.grid_item .device_title .device_name{
    font-size: 24px;
    line-height: 28px;
    color: #21282E;
    height: 58px;
    max-height:58px;
    overflow: hidden;
}

.device_pulse{
    font-size: 24px;
    font-family: telenorregular;
    line-height: 30px;
    display: inline-block;
    width: 100%;
}

.grid_item .device_title .device_name h3{

    font-size:24px;
    line-height:28px;
}

.device_title .device_price{
    font-size:28px;
    line-height:36px;
    overflow:hidden;
    max-height:72px;
    color:rgba(0, 145, 210, 0.9)
}

#device_grid_view .device_title .device_price, #device_list_view .device_title .device_price{
    font-size: 28px;
    line-height: 36px;
    max-height: 74px;
    overflow: hidden;
    white-space: normal;

}


.grid_item .device_title .device_price{
    font-size:28px;
}

.device_title .select{
    margin:10px 0px 0px;
    background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/arrow_a.png) no-repeat right center, url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/select_btn_bg.png) repeat-y;
    font-size:21px;
    padding:9px 15px;
    color:#fff;
    line-height:25px;
    max-width:200px;
    width:100%;
    height:40px;
}
#device_grid_view .device_title .select,#device_list_view .device_title .select {
    background: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/arrow_a_right_white.png") no-repeat scroll right center, url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/select_btn_bg.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    font-size: 21px;
    line-height: 25px;
    width:100%;
    max-width:100%;
    font-family: telenorregular;
}


.grid_item{
    width:95%;
    max-width:200px;
    min-width:140px;
    margin:10px auto;
}

.grids_4_small_devices .grid_item{
    margin-bottom:10px;
    min-height:180px;
}

.grid_item .device_title .view_more{
    margin-top:15px;
    background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/arrow_a.png) no-repeat right center, url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/select_btn_bg.png) repeat-y;
    font-size:21px;
    padding: 2px 10px;
    color:#fff;
    line-height:28px;
    width:100%;
    height:30px;
    max-width:200px;
    min-width:140px;
}

.device_title .buy_now{
    margin-top:35px;
    background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/shop_online_top.png) no-repeat 95% center, url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/select_btn_bg.png) repeat-y;
    background-size:auto, 100%;
    font-size:21px;
    padding:9px 15px;
    color:#fff;
    line-height:25px;
    width:236px;
    height:40px;
}

.device_title .activate{
    margin-top:35px;
    background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/select_btn_bg.png) repeat-y;
    background-size: 100%;
    font-size:21px;
    padding:9px 15px;
    color:#fff;
    line-height:25px;
    width:236px;
    height:40px;
}

.device_title .select a{
    color:#fff;
}

.device_title .device_video{
    margin:15px 0px 0px;
}

.device_video a{
    display:inline-block;
    width:100%;
    height:100%;
    color:#21282E;
    font-size:18px;
    line-height:30px;
}

.device_collapse h2{
    max-height:28px;
    line-height:28px;
    overflow:hidden;
    color:#1D98D5;
    font-size:22px;
}

.device_collapse .grid_item .device_title .device_name h2{
    font-size: 24px;
    line-height: 40px;
    color: #21282E;
    max-height: 40px;
}

.device_specs h2{
    margin:15px 0px 0px;
}

.spec{
    padding:10px 0px;
}
.spec h3{
    font-size:18px;
    max-height:20px;
    overflow:hidden;
    line-height:20px;
    font-family: telenorregular;
    color: #21282E;
}
.spec p{
    font-size:14px;
    line-height:18px;
    max-height:18px;
    overflow:hidden;
    color:#666666;
    font-family: helvetica,arial;
    padding:0px !important;
}

.spec2{
    height:54px;
}
.spec2 h3{
    margin-bottom:10px;
}
.spec2 p{
    font-size:14px;
    line-height:18px;
    max-height:60px;
    overflow:hidden;
    color:#969CA2;
    font-family:arial;
}

.device_features .spec, .device_os .spec{
    padding:0px;
}
.device_features .spec p{
    max-height:72px;
}

.device_features,.device_os,.device_specs{
    border-bottom:1px solid rgba(0,0,0,0.3);
    padding:15px 0px;
}
.stars, .counter{
    display:inline-block;
    color:#666666;
}
.stars{
    float:left;
}
.counter{
    float:right;
    width:45%;
    text-align:right;
}

.color_thumb div{
    width:36px;
    height:36px;
    border:1px solid rgba(0,0,0,0.3);
    float:left;
    margin-right:5px;
}

.wish_list {
    margin-top: 15px;
    max-height: 32px;
}
.wish_list a {
    font-size: 20px;
    color: #21282e;
    line-height: 32px;
}
.wish_list a:hover .more_icon {
    background-color: #00a5ef;
}
.more_icon_a {
    width: 32px;
    height: 32px;
    background-color: #0091d2;
    display: inline-block;
    float: left;
    margin-right: 10px;
}
.wish_list .arrow {
    background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/arrow_a.png);
}

.reviews_heading{
    border-bottom:1px solid rgba(0,0,0,0.3);
    padding-bottom:30px;
    display:inline-block;
    width:100%;
}
.reviews_heading h2{
    font-size:34px;
    line-height:36px;
    float:left;
}
.reviews_heading .reviews_title a, .review_data_more a{
    font-size:18px;
    line-height: 46px;
    margin-left:18px;
    color:#0191D2;
    border-bottom:1px solid #0191D2;
}

.review_data_more a{
    line-height:20px;
}

.review_data_more a{
    margin-left:5px;
    color:#0191D2;
    border-bottom:1px solid #0191D2;
}

.reviews_stars{
    min-height:34px;
    float:left;
    margin-top:10px;
}

.reviews_stars img{
    width:30px;
    height:30px;
    float:left;
    margin:3px 1px;
}

.reviews_stars span{
    margin:0px 15px;
    font-size:34px;
    color:#0091D2;
    line-height:40px;
}

.reviews_result{
    float:left;
    margin-top:10px;
}
.reviews_result p{
    font-size:14px;
    line-height:18px;
    color:#666666;
}

.review_product{
    margin:10px auto 0px;
    min-height:40px;
}
.review_product .review_btn{
    float:right;
    width:235px;
    height:40px;
    line-height:40px;
    background-color:#CFDE00;
    text-align:center;
    font-size:18px;
}

.reviews_list{
    margin:30px 0px 30px 30px;
}

.review_item{
    margin:20px 0px;
    display:inline-block;
    width:100%;
}

.review_stars{
    min-height:24px;
    margin-bottom:10px;
}
.review_stars .review_date{
    line-height:25px;
    font-size:16px;
    color:#21282e;
    margin-left:125px;
}

.review_content .review_title{
    font-size:24px;
    color:#0091D2;
    line-height:26px;
}

.review_content .review_author_name{
    padding:5px 0px;
    font-size:16px;
    line-height:20px;
    color:#21282e;
}
.review_content .review_author_name a{
    color:#0091D2;
}
.review_details{
    float:left;
    width: -moz-calc(100% - 236px);
    width: -webkit-calc(100% - 236px);
    width: calc(100% - 236px);
    padding-right:80px;
}
.review_help{
    width:236px;
    float:right;
    padding-left:15px;
}
.review_help .help_title{
    font-size:18px;
    color:#0091D2;
    margin-bottom:20px;
}

.review_help .good,.review_help .bad{
    float:left;
    margin-right:2px;
    background-color:#e6e6e6;
    width:40px;
    height:40px;
    cursor: pointer;
}

.review_help .good:hover,.review_help .bad:hover{
    background-color:#CFDE00;
}

.review_help .good_bad .active{
    background-color:#CFDE00;
}

.review_help .good img, .review_help .bad img{
    margin:6px;
}

.review_help .help_result{
    margin-left:90px;
    font-size:16px;
    line-height:20px;
    font-family:arial;
}

.review_content .review_data{
    margin-top:10px;
    font-size:18px;
    color:#666666;
    line-height:20px;
    font-family:arial;
    word-wrap:break-word;
}

.separator_horizontal{
    width:100%;
    height:20px;
    background:#fff url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/shadow.png) no-repeat center center;
    background-size: 100% auto;
}


.banner{
    max-width:1140px;
    width:100%;
    margin:20px auto 5px;
}
.banner img{
    width: auto;
    max-width: 100%;
    height: auto;
}

.grid_item.top_line{
    padding-top:30px;
    border-top:1px solid rgba(0,0,0,0.3);
}

.imgBox_small img{
    width:90px;
    height:auto;
}

.gallery{
    min-width:285px;
    max-width:400px;
    width:100%;
    margin:5px auto;
}

.gallery .main_img{
    width:100%;
    max-width:400px;
    min-width:285px;
    height:auto;
    display:block;
    margin:0px auto 15px;
}
.gallery .thumbnails{
    text-align:center;
    width:100%;
}
.thumbnails .thumb{
    width:70px;
    height:70px;
    border:1px solid rgba(0,0,0,0.3);
    margin:0px 3px;
    display:inline-block;
}

.thumbnails .thumb:hover, .thumbnails .thumb_active{
    border:2px solid #008DCE;
}
.thumbnails .thumb_img{
    display:block;
    width:60px;
    height:60px;
    margin:5px;
}


.inner_slider_container {
    width: 100%;
    max-width:750px;
    height:auto;
    margin:0px auto;
}

.inner_slider_container .slider_title{
    font-size:36px;
    color:#fff;
    margin:50px auto;
    text-align:center;
}

.inner_slider_container .device_caption{
    width:100%;
}


.inner_slider_container .slide_caption .device_title{
    width:100%;
    max-width:650px;
    text-align:center;
    margin:0px;
}

.inner_slider_container .slide_caption .device_video{
    width:100%;
    max-width:120px;
    text-align:center;
    margin:0px 55% 10px 35%;
}

.inner_slider_container .spec_slider p{
    max-height:54px;
    line-height:18px;
    font-size:16px;
    color:#21282E;
}

#inner_banner_slider{
    padding-bottom:15px;
}
#inner_banner_slider .slide{
    width:100%;
    margin:0px auto;
}

#inner_banner_slider .slide_img{
    width:100%;
    max-width:650px;
}

#inner_banner_slider .slide_img img{
    width:100%;
    height:auto;
    max-width:650px;
    margin:0px auto;
}

#inner_banner_slider .owl-controls{
    margin:15px;
}

#inner_banner_slider .owl-pagination{
    margin: 0px auto;
    width:100%;
    max-width:150px;
}

.slide .device_title .device_tagline{
    font-size:36px;
}

.tabs {
    width:100%;
    text-align:center;
}

.tab-links{
    margin:0px auto -3px;
    display:inline-block;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}
.tab-links:after {
    display:block;
    clear:both;
    content:'';
}

.tab-links li{
    width:220px;
    float:left;
}

.tab-links .tab-head {
    width:220px;
    height:42px;
    line-height:42px;
    float:left;
    background:#00A8E3;
    list-style:none;
    text-align:center;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
}

.djuice .tab-links .tab-head{
    background:#0095D9;
}

.tab-links li.active .tab-head{
    background:#0076C0;
}

.djuice .tab-links li.active .tab-head{
    background:#36CDF5;
}

.tab-links a {
    font-size:20px;
    color:#fff;
}

.tab-links a:hover {
    text-decoration:none;
}

#tab-content {
    padding:15px;
    background: transparent url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/blue_pattern_bg.png) repeat-x;
    min-height:320px;
    text-align:left;
}
.djuice #tab-content{
    background:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/offers_bg_djuice.png) repeat-x;
}

.tab {
    display:none;
    width:100%;
    max-width:1180px;
    margin:0px auto;
}

.tab.active {
    display:block;
}


.styled-select {
    width:100%;
    height:36px;
    border: 0px;
    margin-top:10px;
    font-size:15px;
    max-width:240px;
}

.styled-select .dd .ddTitleText{
    border:0px;
    background: #CFDE00 url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/arrow_b_down_black.png) no-repeat right 5px center;
}

.styled-select .dd .ddTitleText span{
    font-size:15px !important;
}
.styled-select .dd .ddArrow{
    background:transparent !important;
}


.styled-select .dd .ddChild li{
    background: none repeat scroll 0% 0% #CFDE00 !important;
    color: #21282E !important;
    border-bottom:0px !important;
    font-size:15px;
    width:100%;
}

.styled-select .dd .ddChild li span{
    font-size:15px;
}
.styled-select .dd .ddChild li:hover{
    background: none repeat scroll 0% 0% #004969 !important;
    color: #FFF !important;
}

.styled-select .dd .ddChild li:hover span{
    color:#fff !important;
}


/*.styled-select ul li{
    display:none;
    width:96px;
    height:36px;
    line-height:36px;
    background:#CFDE00;
    z-index:1;
    position:relative;
    padding-left:10px;
}
.styled-select ul li:first-child{
    background:transparent;

}
.styled-select ul li.hovered{
    background: #CFDE00;
}
.styled-select ul li.selected{
    display:block;
    background: #CFDE00 url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/down_arrow.png) no-repeat right;
}

.styled-select ul li:hover{
    background:#004969;
    color:#fff;
}

.styled-select ul li:first-child:hover, .styled-select ul li.selected{
    background:transparent;
    color:#000;
    }*/

    .grids_title h2{
        color:#21282E;
        font-size:34px;
        margin:10px 0px;
    }

    .tab_heading{
        width:100%;
    }

    @media only screen and (min-width:80px) and (max-width:640px){
        .tab-links li{
            width:100%;
            float:none;
        }
        .grids_minus_4{
            width: 100%;
        }
    }
    @media only screen and (min-width:80px) and (max-width:480px){
        .tab h1{
            font-size:24px;
            margin:60px auto 20px;
        }
        .tab h2{
            font-size:18px;
            line-height:22px;
        }
        .grids_title h2{
            font-size:21px;
            line-height:24px;
        }
    }
    @media only screen and (min-width:640px) and (max-width:960px){
        .tab-links li{
            width:190px;
        }
        .tab-links .tab-head{
            width:190px;
        }
        .tab-links a{
            font-size:16px;
        }
        .grids_minus_4{
            width: 100%;
        }
    }
    .content_section.device_list_grid_section {
        clear: both;
        margin: 0px 0px 30px;
    }
    .device_list_grid_section:after {
        display: block;
        content: " ";
        clear: both;
    }
    .content_section.device_list_grid_section .panels {
        margin: 0;
        float: left;
    }
    .content_section.device_list_grid_section .panel_left {
        width: 27%;
    }
    .content_section.device_list_grid_section .panel_right {
        width: 73%;
    }
    #device_list_view .devicegrids {
        float: left;
        width: 33%;
    }
    #device_list_view .detail_rating {
        border-top: 1px solid;
    }

    #device_list_view .device_three_grids_view .device_detail_rating .detail_text {
        width: 200px;
    }
    #device_list_view .device_price .comparison_view {
        background-color: rgba(0, 145, 210, 0.9);
        width: 80%;
        float: left;
        color: white;
        padding-left: 10px;
        text-transform: uppercase;
    }
    #device_list_view .device_price .comparison_button {
        display: inline-block;
        width: 20%;
        background-color: #cfdd01;
        float: left;
        height: inherit;
        padding-left: 2px;
        color: black;
    }
    #device_list_view .device_three_grids_view .device_compare_view_place {
        text-transform: uppercase;
        font-family: helvetica,ariel;
        height: 23px;
        width: 100%;
        line-height: 23px;
        font-size: 20px;
    }
    #device_list_view .device_detail_rating .device_reviews {
        border-bottom: none;
        padding-top: 15px;
        margin:0px;
    }
    #device_list_view .device_detail_rating .extra_detail {
        margin-top: 24px;
    }
    #device_list_view .device_detail_rating .extra_detail {
        font-family: helvetica,ariel;
        margin-bottom: 24px;
        margin-top: 24px;
        line-height: 20px;
    }
    #device_list_view .device_price.devicegrids {
        margin-top: 5px;
        padding-top:12px;
    }
    #device_list_view .device_three_grids_view .device_price .select {
        margin: 17px 0 5px;
    }
    #device_list_view .device_three_grids_view .device_detail_rating {
        padding-top: 18px;
    }
    #device_list_view .device_detail_heading {
        font-size: 20px;
        font-weight: bold;
        font-family: helvetica,ariel;
    }
    .device_list_grid_section #device_list_view .device_three_grids_view {
        clear: both;
        margin-bottom: 15px;
        min-height: 230px;
    }

    .devices .detail_rating .counter {
        line-height: 20px;
        width: auto;
        font-family:arial;
    }
    #device_grid_view .div_hidden_list {
        display: none;
    }
    #device_grid_view .device_title .device_name {
        overflow: hidden;

    }

    .device_pulse{
        font-size: 24px;
        font-family: telenorregular;
        line-height: 30px;
        display: inline-block;
        width: 100%;
    }
    #device_grid_view .devicegrids {
        width: 100%;
    }
    #device_grid_view {
        width: 100%;
        clear:both;
    }
    .products-grid{
        clear:both;
    }
    .device_list_grid_section #device_grid_view .detail_rating {
        border-bottom: 1px solid rgba(0,0,0,0.3);
    }
    #device_grid_view .device_image_small {
        width: 100%;
        max-width: 200px;
    }
    #device_grid_view .device_three_grids_view .device_detail_rating .detail_text {
        width: 100%;
    }
    #device_grid_view .device_three_grids_view .device_price {
    }
    #device_grid_view .device_price .comparison_view {
        background-color: rgba(0, 145, 210, 0.9);
        width: 75%;
        float: left;
        color: white;
        padding-left: 15px;
        text-transform: uppercase;
    }
    #device_grid_view .device_price .comparison_button {
        display: inline-block;
        background-color: #cfdd01;
        float: left;
        height: inherit;
        padding-left: 4%;
        width: 25%;
    }
    .device_grid_small_image {
        width: 100%;
        max-width: 200px;
    }
    #device_grid_view .device_three_grids_view .device_compare_view_place {
        text-transform: uppercase;

        font-family: helvetica,arial;
        height: 23px;
        width: 100%;
        line-height: 23px;
        font-size: 18px;
        position:relative;
    }

    .device_three_grids_view .grids_2_button{
        position:relative;
        left:auto;
        bottom:auto;
        top:auto;
        right:auto;
        padding: 5px 30px 5px 10px;
        min-width: 125px;
        width: 100%;
    }
    #device_grid_view .device_detail_rating .device_reviews {
        border-bottom: none;
        margin:0px;
    }
    #device_grid_view .device_detail_rating .extra_detail {
        margin-top: 24px;
    }
    #device_grid_view .device_detail_rating .extra_detail {
        margin-bottom: 24px;
        margin-top: 24px;
        line-height: 20px;
    }
    #device_grid_view .device_price.devicegrids {
        margin-top: 5px;
        padding-top:5px;
    }
    #device_grid_view .device_three_grids_view .device_price .select {
        margin: 10px 0 5px;
    }
    #device_grid_view .device_three_grids_view .device_detail_rating {
        padding-top: 18px;
    }
    #device_grid_view .device_detail_heading {
        font-size: 20px;
        font-weight: bold;
    }
    .device_list_grid_section #device_grid_view .device_three_grids_view {
        width: 200px;
        float: left;
        margin: 15px auto 50px;
    }
    .list_grid_toggle_button_panel {
        width: 60px;
        margin-left:20px;
        position:relative;
        float:right;
    }
    .view_button_device {
        background: none;
        border: none;
        width: 22px;
        height: 35px;
        background-repeat: no-repeat;
        background-position:center center;
    }
    #grid_button {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/grid_inactive.png);
    }
    #list_button {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/list_inactive.png);
    }

    #device_grid_view .three_grids_inside_wrapper {
        width: 200px;
        margin: 0 auto;
        position:relative;
    }

    .result_block .small{
        height:200px;
        padding-top:50px;
    }

    .relevance_button_panel {
        position: absolute;
        height:auto;
        top:200px;
        right:0px;
    }

    .relevance_button_panel .toolbar{
        display:none;
    }

    .search_faq_panel{
        position:relative;
        top:-52px;
    }
    .list_grid_toggle_button_panel .button_wrapper {
        float: left;
        width: 30px;
    }
    .view_button_device {
        cursor: pointer;
    }
    #grid_button:hover {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/grid_active.png);
    }
    #list_button:hover {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/list_active.png);
    }
    .device_price .comparison_button {
        color: black;
    }
    #grid_button.active {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/grid_active.png);
    }
    #list_button.active {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/list_active.png)
    }
    .relevance_wrapper {
        float: left;
    }
    .relevance_button_panel {
        float: right;
    }

    .search_faq_panel{
        float:right;
    }
    .devices #device_grid_view .device_three_grids_view:nth-child(3n+2) {
        margin-left: 125px;
        margin-right: 125px;
    }


    .devices .without_compare {
        color: #21282e;
        padding-left: 10px;
    }


    #device_list_view .device_title {
        min-width: 0px;
        max-width:200px;
    }

    #device_list_view .package_grid_visible{
        display:none;
    }

    #device_grid_view .package_grid_visible{
        display:inline-block;
        width:100%;
        padding-top:5px;
    }

    .packages .device_compare_view_place .grids_2_button{
        margin: 0px;
        width: 100%;
        padding: 2px 30px 0px 15px;
        background: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/arrow_b_right_black.png") no-repeat scroll 98% center #CFDD01;
        color: #21282E;
        font-family: arial;
        line-height: 23px;
        min-width: 115px;
        position: relative;
        bottom: 0px;
        right: auto;
        left: auto;
    }

    @media only screen and (max-width:756px){
        #device_list_view .device_three_grids_view .device_detail_rating{
            display:inline-block;
        }
    }

    #faq_categories {
        margin-top: 40px;
    }
    #faq_categories .imgBox.small {
        border-radius: 50px;
    }
    #faq_categories .grid4_icons {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 70px 70px;
        border-radius: 50%;
        display: block;
        height: 90px;
        width: 90px;
    }

    #faq_categories .grids.grids_4_small {
        margin-bottom: 60px;
    }
    #faq_categories #getting_started_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/getting_started.png);
    }
    #faq_categories #offers_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/offers.png);
    }
    #faq_categories #bundles_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/bundles.png);
    }
    #faq_categories #packages_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/packages.png);
    }
    #faq_categories #discounts_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/discounts.png);
    }
    #faq_categories #internet_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/internet.png);
    }
    #faq_categories #digital_services_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/digital_services.png)
    }
    #faq_categories #devices_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/devices.png);
    }
    #faq_categories #migration_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/migration.png);
    }
    #faq_categories #mnp_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/mnp.png);
    }
    #faq_categories #international_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/international.png);
    }
    #faq_categories #subscriptions_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/subscriptions.png)
    }
    #faq_categories #easyload_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/easyload.png)
    }
    #faq_categories #account_management_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/account_management.png)
    }
    #faq_categories #payment_delivery_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/payment_&_delivery.png);
    }
    #faq_categories #safety_security_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/safety.png);
    }
    #faq_categories #careers_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/faqs/careers.png);
    }
    #faq_categories .column_first {
        background-color: #FF5F00;
    }
    #faq_categories .column_second {
        background-color: #8500A8;
    }
    #faq_categories .column_third {
        background-color: #ED1B4D;
    }
    #faq_categories .column_fourth {
        background-color: #38B2B2;
    }

    #utilities_categories {
        margin-top: 40px;
    }
    #utilities_categories .imgBox.small {
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
    }
    #utilities_categories .grid4_icons {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 70px 70px;
        border-radius: 50%;
        display: block;
        height: 90px;
        width: 90px;
    }
    #utilities_categories .grids.grids_4_small {
        margin-bottom: 60px;
    }
    #coverage_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/utilities/3G_coverage.png);
    }
    #storelocator_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/utilities/store_locator.png);
    }
    #devicecheck_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/utilities/3G_device_check.png);
    }
    #easyload_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/utilities/easyload.png);
    }
    .calculator_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/utilities/bundle_calculator.png);
    }

    .bvs_icon{
        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/icons/bvs_icon.png");
    }

    .tpc_icon{
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/icons/tpc_icon.png);
    }
    .intlbvs_icon{
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/icons/intlbvs_icon.png);
    }
    #utilities_categories .column_first {
        background-color: #FF5F00;
    }
    #utilities_categories .column_second {
        background-color: #8500A8;
    }
    #utilities_categories .column_third {
        background-color: #ED1B4D;
    }
    #utilities_categories .column_fourth {
        background-color: #38B2B2;
    }

    .search_head_container {
        border-bottom: 1px solid rgba(0,0,0,0.3);
        position:relative;
    }
    .search_text {
        font-size: 18px;
    }

    .search_head_container .viewmore_btn {
        float: right;
        position: absolute;
        top: 0;
        right:0;
    }

    .search_head_container .viewmore_btn .grids_2_button{
        margin:0;
        text-transform:uppercase;
        font-size:14px;
        background-image:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/arrow_b_right_black.png);
        background-position:right center;
        padding-right:22px;
    }
    .search_heading h2 {
        margin: 15px 0;
        font-size: 34px;
    }
    .search .device_image_small {
        border-bottom: 1px solid rgba(0,0,0,0.3);
    }
    .select {
        text-transform: uppercase;
    }
    .text_box {
        margin-bottom: 40px;
    }
    .text_head h3 {
        font-size: 24px;
        color: rgba(0, 145, 210, 0.9);
        line-height:28px;
    }
    .text_box p {
        margin: 15px auto;
    }

    #newslist{
        margin-top:0;
    }
    #newslist .text_box{
        margin-bottom:35px;
        overflow:hidden;
    }

    #newslist .text_box p {
        line-height:21px;
        font-size: 14px;
        color: #21282E;
    }

    #newslist  .more_link{
        float:right;
    }

    .toggle_control .more_link .more_icon{
        float:right;
        background-image:url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/arrow_b_down_black.png");
        background-repeat:no-repeat;
        background-color:#cfde00;
        margin-left:10px;
        margin-right:0;
    }

    .toggle_control .more_link a:hover .more_icon {
        background-color: #dddd00;
    }

    .result_block {
        display: block;
        margin: 20px 0;
        overflow: hidden;
        width:100%;
    }

    .result_block .owl-carousel .owl-wrapper-outer{
        margin:0px;
    }

    .result_block .owl-theme .owl-controls {
        top: 15%;
    }


    #media_categories {
        margin-top: 20px;
    }
    #media_categories .imgBox.small {
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
    }
    #media_categories .grid4_icons {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 70px 70px;
        border-radius: 50%;
        display: block;
        height: 90px;
        width: 90px;
    }
    #media_categories .grids.grids_4_small {
        margin-bottom: 60px;
    }


    #media_categories #press_releases_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/mediacentre/press_releases_icon.png);
    }
    #media_categories #photo_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/mediacentre/photo_icon.png);
    }
    #media_categories #video_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/mediacentre/video_icon.png);
    }
    #media_categories #cmt_icon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/mediacentre/cmt_icon.png);
    }
    #media_categories .column_first {
        background-color: #FF5F00;
    }
    #media_categories .column_second {
        background-color: #8500A8;
    }
    #media_categories .column_third {
        background-color: #ED1B4D;
    }
    #media_categories .column_fourth {
        background-color: #38B2B2;
    }


    .experience .panel_left{
        width:25%;
        min-width:240px;
    }

    .experience .panel_right{
        width:75%;	
    }

    .experience .panel_right .layers{
        width:100%;
        max-width:860px;
    }

    .experience .banner{
        max-width:860px;
        width:100%;
        margin:0px;	
    }

    .margin_top{
        margin-top:20px;	
    }

    .banner_desc h2 {
        color: #21282E;
        font-size: 24px;
        line-height: 32px;
        margin: 30px 0px 24px;
    }

    .experience h2{
        color:#0091D2;	
    }

    .banner_desc p {
        font-size: 16px;
        line-height: 24px;
        color: #666;
        margin:15px 0px;
        padding:15px 0px;
    }

    .grid_3 {
        width: 33%;
        float: left;
        height: 100%;
        margin-bottom: 50px;
        overflow: hidden;
    }

    .grid_3 .single_gallery_big {
        margin: 0px auto;
        width:260px;
    }

    .single_gallery_big .gallery_image{
        width:260px;
        height:260px;
    }

    .single_gallery_big .gallery_image img{
        width:100%;
        height:100%;
    }

    .grid_3:nth-child(3n-2) .single_gallery_big {
        float: left;
        margin-left: 0px;
    }
    .grid_3:nth-child(3n) .single_gallery_big {
        float: right;
        margin-right: 0px;
    }

    .no_margin{
        margin-bottom:0px;	
    }

    @media only screen and (min-width:80px) and (max-width: 480px){
        .experience .panel_right{
            width:100%;
            padding-top:20px;
            margin:20px auto;
        }

        .experience .grid_3{
            width:100%;	
        }
        .experience .grid_3:nth-child(3n-2) .single_gallery_big {
            float: none;
            margin:0px auto;
        }
        .experience .grid_3:nth-child(3n) .single_gallery_big {
            float: none;
            margin: 0px auto;
        }
    }

    @media only screen and (min-width: 481px) and (max-width: 639px){
        .experience .panel_right{
            width: 50%;
            padding-left:20px;	
        }

        .experience .panel_left{
            min-width:200px;
        }

        .experience #filter.accordion {
            max-width: 200px;
        }

        .single_gallery_big .gallery_image {
            width:190px;
            height:190px;
        }

        .experience .grid_3{
            width:100%;	
        }

        .experience .grid_3:nth-child(3n-2) .single_gallery_big {
            float: none;
            margin:0px auto;
        }
        .experience .grid_3:nth-child(3n) .single_gallery_big {
            float: none;
            margin: 0px auto;
        }

    }

    @media only screen and (min-width: 640px) and (max-width: 959px){
        .experience .panel_right{
            width: -moz-calc(100% - 260px);
            width: -webkit-calc(100% - 260px);
            width: calc(100% - 260px);
            padding-left:20px;	
        }

        .experience .grid_3{
            width:100%;	
        }

        .experience .grid_3:nth-child(3n-2) .single_gallery_big {
            float: none;
            margin:0px auto;
        }
        .experience .grid_3:nth-child(3n) .single_gallery_big {
            float: none;
            margin: 0px auto;
        }

    }

    @media only screen and (min-width:960px) and (max-width: 1200px){
        .experience .panel_right{
            padding-left:20px;
            width: calc(100% - 260px);	
        }

        .grid_3 .single_gallery_big{
            width:190px;
            height:190px;	
        }

        .single_gallery_big .gallery_image{
            width:190px;
            height:190px;	
        }

    }


    #footer {
        min-height: 375px;
        background: #0082c9 url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/blue_pattern_bg.png) repeat-x;
        color: #ffffff;
    }
    .footer_block {
        padding-top: 30px;
    }
    .footer_block h3 {
        font-size: 18px;
        color: #ffffff;
        margin-bottom: 20px;
    }
    .footer_link {
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .footer_link a {
        font-size: 14px;
        color: #ffffff;
    }
    .footer_bottombar {
        width: 100%;
        height: 78px;
        border-top: 2px solid #1A8FD0;
    }
    #footer_bottom {
        clear: both;
        padding-top: 20px;
        position:relative;
    }
    #footer .copyright {
        float: left;
        font-size: 13px;
        padding-top: 8px;
    }
    #footer .company {
        float: right;
        padding-top: 8px;
    }
    #footer .company span {
        font-size: 11px;
    }
    #footer .company span:last-child a {
        padding-right: 10px;
    }
    #footer .company span a {
        padding: 0 13px;
        font-size: 13px;
        color: #ffffff;
    }

    #footer .company span a:hover{
        text-decoration: underline;
    }
    .footer_logos img {
        float: right;
    }
    .logo_small img {
        width: 100%;
        height: auto;
        max-width: 278px;
    }
    .footer_logos {
        height: 80px;
        margin-bottom: 40px;
    }
    .logo_small.footer_logos {
        bottom: 0;
        height: auto;
        margin: 0;
        position: absolute;
        right: 0;
    }
    .only_mobile {
        display: none;
    }

    .logo_small.footer_logos .logo_link{
        width:33%;
        float:left;
    }
    /* ending footer */
    * {
        margin: 0;
    }
    html, body {
        height: 100%;
        max-width: 100%;
        font-family: telenorregular;
    }
    a {
        text-decoration: none;
        outline: 0 none;
        -webkit-outline: none;
    }
    p.common {
        font-size: 16px;
        color: #21282e;
    }
    #wrapper {
        width: 100%;
        max-width: 100%;
        min-width: 300px;
        overflow: hidden;
        min-height: 100%;
        height: auto;
        position: relative;
        margin-bottom: -375px;
    }
    #wrapper:after {
        display: block;
        content: " ";
        height: 375px;
    }

    #iphone_wrapper{    
        width: 100%;
        max-width: 100%;
        min-width: 300px;
        overflow: hidden;
        min-height: 100%;
        height: auto;
        position: relative;
    }

    #header {
        width: 100%;
        height: auto;
        position: absolute;
        z-index: 9999;
    }
    .nowrap {
        white-space: nowrap;
    }
    .container {
        margin: 0 auto;
        max-width: 1170px;
    }
    .panels {
        display: inline-block;
        vertical-align: top;
    }
    .panel_left {
        width: 23%;
    }

    .content_section .panel_left{
        width:30%;
    }
    .panel_right {
        width: 77%;
    }
    .content_section .panel_right{
        width:70%;
    }
    #header .panel_right {
        position: relative;
    }
    #logo_container {
        float: left;
        min-height: 100px;
        position:absolute;
        width:1170px;
        left:50%;
        margin-left:-585px;
    }
    #logo_container> a {
        display: inline-block;
    }
    #logo_container> a>img {
        margin-top: 8px;
        display: none;
    }
    .logo_large > a>img {
        width: 128px;
        max-width: 128px;
        height: auto;
    }
    input , a{
        outline:none;
    }
    .djuice #logo_container > a>img {
        width: 170px;
        max-width: 170px;
        height: auto;
    }
    .logo_large #white {
        display: block;
    }
    #sticky_topnav_holder .panel_left {
        width: 9%;
    }
    #sticky_topnav_holder .panel_right {
        width: 90%;
    }
    /*Main Banner classes*/
    .slider_container {
        width: 100%;
        height: auto;
    }
    #slider_content {
        display: none;
    }
    #back2top {
        width: 37px;
        height: 33px;
        background-color: #CFDE00;
        position: fixed;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        z-index: 99999999;
        left: 10px;
        bottom: 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        cursor: pointer;
        opacity: 0.6;
    }
    #back2top span, #back2top div {
        text-indent: 9999px;
        width: inherit;
        padding-right: 10px;
        height: inherit;
        display: block;
        font-size: 12px;
        line-height: 38px;
        text-align: right;
        background: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/up_arrow.png") no-repeat scroll 1px center / 36px auto transparent;
    }
    #back2top.show {
        visibility: visible;
        cursor: pointer;
        opacity: 1.0;
    }
    /*Chat window classes*/
    #chat_area {
        position: fixed;
        bottom: 0px;
        right: 15px;
        min-height: 36px;
        width: 250px;
        z-index: 9999;
    }
    #chat_area.active{
    /*width:340px;
    border-bottom:20px solid #CFDE00;*/
}
.chat_balloon {
    width: 216px;
    height: 62px;
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/livechat.png");
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
    margin-right: 34px;
}
.chat_balloon:hover >span {
    display: block;
}
.chat_balloon > span {
    position: absolute;
    right: 0;
    top: -14px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    color: #ffffff;
    background-color: #CE0088;
    display: none;
    cursor: pointer;
}
#chat_head {
    background-color: #CFDE00;
    cursor: pointer;
    padding: 0px 8px 0px 13px;
    position:relative;
}
#chat_head.active::after{
    content:"";
    position:absolute;
    right:10px;
    top:0px;
    display:inline-block;
    margin:5px 0px;
    width:26px;
    height:26px;
    border-radius:50%;
    background-color:#fff;
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/camera-loader.gif");
    background-position:center;
    background-repeat:no-repeat;
}
#chat_area .arrow {
    /*width: 36px;
    height: 36px;
    display: block;
    float: left;
    background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/up_arrow.png) no-repeat center;
    background-size: 36px;*/
}
#chat_area .active .arrow {
    /*background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/down_arrow.png) no-repeat center;
    background-size: 36px;*/
}
#chat_area .head_text {
    font-size: 13px;
    height: 33px;
    line-height: 33px;
    display: inline-block;
    width: 70%;
    margin-left: 26px;
}
#chat_area .chat_body {
    /*height: 375px;
    width: 100%;
    background: #ffffff;
    border: 4px solid #CFDE00;
    display: none;
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/camera-loader.gif");
    background-position:center;
    background-repeat:no-repeat;
    */
}
/*share area classes*/
#share_area {
    position: fixed;
    background-color: #fff;
    top: 200px;
    right: 0px;
    height: 40px;
    width: auto;
    z-index: 999;
    box-shadow: 0px 0px 7px 0px rgba(33, 40, 46, 0.25);
    -webkit-box-shadow: 0px 0px 7px 0px rgba(33, 40, 46, 0.25);
}
#share_area .arrow {
    width: 45px;
    height: 40px;
    display: block;
    background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/share.png) no-repeat center;
}
#share_area #share_head {
    float: left;
    width: 45px;
    height: 40px;
    cursor: pointer;
}

#share_area .share_body {
    float: left;
    height: inherit;
    width: 235px;
    background: transparent;
    border-right: none;
    display: none;
    margin-top: 5px;
    height: 30px;
}
.share_body span{
    display:inline-block;
}
/*Feedback window classes*/
#feedback_area {
    position: fixed;
    background-color: #fff;
    top: 245px;
    right: 0px;
    height: 40px;
    width: auto;
    z-index: 999;
    box-shadow: 0px 0px 7px 0px rgba(33, 40, 46, 0.25);
    -webkit-box-shadow: 0px 0px 7px 0px rgba(33, 40, 46, 0.25);
}

#feedback_area.active{
    top:0px;
    height:100%;
    z-index:2147483640;
    width:530px;
}
#feedback_area .arrow {
    width: 45px;
    height: 40px;
    display: block;
    float: left;
    background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/feedback.png) no-repeat center;
}
#feedback_area #feedback_head {
    float: left;
    width: 45px;
    height: 40px;
    cursor: pointer;
}
#feedback_area .feedback_text_head{
    width: 100%;
    display: block;
    color: #00ace6;
    border-bottom:1px solid #ccc;
    padding-bottom:15px;
}

.feedback_text_content{
    margin-top: 25px;
    width: 100%;
    height: 85%;
    display: block;
    overflow:hidden;
}

.feedback_text_content .loading{
    position:relative;
    top:50%;
    text-align:center;
    background-image:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/mana_core/m-wait.gif);
    padding-top:16px;
    padding-bottom:16px;
    background-position:center;
    background-repeat:no-repeat
}

.feedback_text_content #surveyMonkeyInfo{
    width:100% !important;
    height:100% !important;
    display: inline-block;
}

.feedback_text_content iframe{
    /*    width:100% !important;
    height:100% !important;*/
    /*    position:relative;
        overflow: auto; 
        -webkit-overflow-scrolling: touch; */
        width:100%;
        height:100%;

    }

    .feedback_text_content iframe .qBody{
        overflow-x:scroll;
        overflow-y:scroll;
    }

    .feedback_text_content iframe .pgHdr{
        margin:0px;
        padding:0px;
    }


    .close_feedback{
        position: absolute;
        right: 30px;
        top: 30px;
        width:28px;
        height:28px;
        cursor:pointer;
    }

    .feedback_text_head h3{
        font-size:24px;
    }
    #feedback_area .feedback_body {
        float: left;
        height: 100%;
        width: 100%;
        background: #ffffff;
        border-right: none;
        display: none;
        padding:30px;
    }
    .topspacing {
        padding-top: 150px !important;
    }
    .ellipsis {
        white-space: nowrap;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /*Side Navigations*/
    .side_navigation {
        display: block;
        width: 100%;
        height: auto;
        min-height: 33px;
        background-color: #00aae5;
    }
    .sidenav_links {
        line-height: 40px;
        height: auto;
        border-top: 3px solid #ffffff;
        padding: 0 15px;
        cursor: pointer;
    }
    .sidenav_links:first-child {
        border-top: none;
    }
    .sidenav_links.active {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/news/right_bar_bg.png);
        background-repeat: repeat-x;
        background-position: left top;
    }

    .sidenav_links:hover {
        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/news/right_bar_bg.png");
        background-repeat: repeat-x;
        background-position: left top;
    }

    .sidenav_links h3 {
        font-size: 18px;
        color: #ffffff;
        background-repeat: no-repeat;
        background-position: right center;
        line-height: 22px;
        padding: 10px 25px 10px 0px;
    }

    .sidenav_links h3.arrows{
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/news/arrow_b_right.png);
    }

    .sidenav_links h3 a{
        color:#fff;
    }

    .sidenav_links h3 a span{
        color:#fff;
    }


    .sidenav_links.active h3 {
        font-size: 18px;
        color: #ffffff;
        line-height: 22px;
        padding: 10px 25px 10px 0px;
    }

    .sidenav_links.active h3.arrows{
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/news/arrow_b_down.png);
    }
    .sublinks {
        border-top: 1px solid rgba(255,255,255,0.3);
        display: none;
        overflow: hidden;
    }
    .sublinks >ul {
        overflow: hidden;
        padding: 10px 0px;
    }
    li.item_sm {
        height: auto;
        line-height: 20px;
        font-size:16px;
        padding:5px 10px;
        margin: 1px 0;
        display:inline-block;
        width:100%;
        float:left
    }

    .sidenav_menu li.item_sm span{
        color: #FFF;
        font-size: 14px;
        padding-left: 10px;
    }

    #fme_filters_list li.item_sm:hover a, div.fme-filter a:hover{
        background-position: -24px 0px;
    }

    div.fme-filter a.fme_layered_attribute_selected, div.fme-filter a.adj-nav-price-selected{
        background-position: -48px 0px;
    }

    li.item_sm.active, li.item_sm:hover, li.item_sort.active, li.item_sort:hover {
        background-color: #ffffff;
        box-shadow: 0px 8px 8px -6px rgba(33, 40, 46, 0.5);
        -webkit-box-shadow: 0px 8px 8px -6px rgba(33, 40, 46, 0.5);
    }
    li.item_sm > a {
        font-size: 14px;
        color: #ffffff;
        display: inline-block;
        width: 100%;
    }
    li.item_sm label {
        color: #ffffff;
        font-size: 15px;
        padding-left: 10px;
    }
    li.item_sm.active > a, li.item_sm:hover >a, li.item_sort.active, li.item_sort:hover {
        color: #00aae5;
    }
    /*Side FIlter*/

    #filter.accordion {
        max-width: 240px;
    }
    #filterby li.item_sm.active, #filterby li.item_sm:hover {
        background: none;
        box-shadow: none;
    }
    /*Sort By Widget*/

    .sortby_widget {
        width: 270px;
        position: relative;
        top: 0px;
        float: right;
    }

    .contact_number_panel .sortby_widget{
        width:auto;
    }
    .sortby {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
    .sortby label {
        color: #ffffff;
        font-size: 18px;
        float: right;
        margin-right: 10px;
    }
    .sortby_options {
        float: right;
        width: 192px;
        background-color: rgba(33, 40, 46, 0.3);
        height: 40px;
        position: relative;
    }
    .sortby_options.active .sortby_menu {
        display: block;
    }
    .sortby_options input {
        background: none;
        border: none;
    }
    .sortby_options input[type="text"] {
        color: #ffffff;
        font-size: 15px;
        padding: 0 10px 0 20px;
        text-transform: uppercase;
        width: 155px;
        height: 42px;
        font-family: inherit;
        cursor:pointer;
    }
    .sortby_options input[type=button] {
        z-index: 101;
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/arrow_down.png);
        background-repeat: no-repeat;
        background-position: center center;
        height: 36px;
        width: 45px;
        position: absolute;
        right: 0;
        cursor: pointer;
    }
    .sortby_menu {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/news/right_bar_bg.png);
        background-repeat: repeat-x;
        background-position: left top;
        padding: 5px 10px;
        background-size: contain;
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
    }
    .sortby_menu >li {
        text-transform: uppercase;
        padding-left: 10px;
        line-height: 30px;
        color: #ffffff;
        margin: 1px 0;
        font-size: 15px;
        cursor: pointer;
    }
    .filter_buttons {
        height: 33px;
        display: block;
    }
    .smartFilter .filter_buttons {
        display: none;
    }
    .button_left {
        float: left;
        padding-left: 15px;
    }
    .button_right {
        float: right;
        padding-right: 20px;
    }
    .filter_links {
        font-family: inherit;
        font-size: 18px;
    }
    .filter_links:hover {
        text-decoration: underline;
        cursor: pointer;
    }
    .showmobile {
        display: none;
    }
    .hidemobile {
        display: block;
    }
    /*Device and package show more */
    .package_view_show_less{
        display:none;
    }

    .package_view_show_more ,.package_view_show_less{
        float: right;
        margin-right: 0px;
        margin-top: 0px;
        width: 120px;
    }



    .package_view_show_more .more_icon ,.package_view_show_less .more_icon{

        width: 24px;
        margin-left: 10px;
        background-color: #cfdd01;
        margin-right:10px;
    }

    .package_view_show_less .more_link , .package_view_show_more .more_link {
        margin-right: 0px;
        margin-top: -20px;
    }

    .package_view_show_more .more_link .arrow {
        background-image:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/plus_dark.png);
        background-position: center center;
        background-repeat:no-repeat;
    }

    .package_view_show_less .more_link .arrow {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/minus_dark.png);
        background-position: center center;
        background-repeat:no-repeat;
    }



    .package_view_show_more .more_link:hover .arrow {
        background-color: #DD0;
    }
    /*Drop down widget*/

    .dropdown_widget {
        width: 100%;
        display: block;
        position:relative;
    }
    .selectbox.dropdown_widget {
        border: 1px solid #b6b6b6;
        height: 42px;
        line-height: 42px;
        background:#EEE;
    }
    .selectbox.active {
        background:#FFF;
        border:2px solid rgba(82, 168, 236, 0.8);

    }

    .filter_location.dropdown_widget {
        height: 36px;
        line-height: 36px;
    }
    .dropdown_input::-webkit-input-placeholder {
        color:#666666;
    }
    .dropdown_input::-moz-placeholder {
        color:#666666;
        } /* firefox 19+ */
        .dropdown_input:-ms-input-placeholder {
            color:#666666;
            } /* ie */
            .dropdown_input:-moz-placeholder {
                color:#666666;
            }
            .field_container {
                width: 85%;
                float: left;
                height: inherit;
            }

            .calendar_widget .field_container, .small_input .field_container{
                width: calc( 100% - 35px );
            }

            .filter_location .field_container{

                height:inherit;
            }
            .field_container .dropdown_input {
                color: #21282e;
                height: inherit;
                padding: 0px 15px;
                width: 100%;
                font-family: Arial;
                border: none;
                height:inherit;
                background:none;
                font-size:16px;
            }

            .field_container .dropdown_input2{
                color: #21282e;
                height: inherit;
                padding: 0px 15px;
                width: 100%;
                font-family: Arial;
                border: none;
                height:inherit;
                background:none;
                font-size:16px;
            }

            .filter_location .field_container .dropdown_input {
                /*    background-image:url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/coveragemap/filter_small.png");*/
                background-position:10px center;
                background-repeat:no-repeat;
                padding-left:15px;
                height:inherit;
            }
            .filter_location .field_container .dropdown_input2 {
                background-image:url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/coveragemap/filter_small.png");
                background-position:10px center;
                background-repeat:no-repeat;
                padding-left:40px;
                height:inherit;
                background-color:#fff;
            }
            .button_container {
                width: 15%;
                float: left;
                height:inherit;
            }

            .calendar_widget .button_container,.small_input .button_container{
                width:35px;
            }

            .button_container .dropdown_button {
                background: none;
                border: none;
                background-position: center center;
                background-repeat: no-repeat;
                height: inherit;
                width: 100%;
                cursor:pointer;
            }
            .filter_location.dropdown_widget .dropdown_button {
                background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/arrow_b_down_black.png");
            }
            .filter_location.dropdown_widget .button_container {
                background-color: #CFDD01;
            }

            .selectbox.dropdown_widget .dropdown_button {
                background-color: none;
            }

            .selectbox.dropdown_widget .dropdown_button {
                background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/contactus/arrows.png");
            }

            .dropdown_widget .dropdown li {
                height: 39px;
                padding: 0 15px;

                border-bottom:1px solid #ffffff;
                cursor:pointer;
            }

            .dropdown_widget .dropdown li:last-child{
                border-bottom:none;
            }

            .dropdown_widget .dropdown li:hover,
            .dropdown_widget .dropdown li.selected {
                background-color:#cfde00;
                color:#21282e;
            }

            .filter_location .dropdown li {
                padding-left:40px;
            }



            .dropdown_widget .dropdown {
                display: none;
                background-color: white;
                -webkit-box-shadow: 0px 9px 15px -3px rgba(0,0,0,0.5);
                -moz-box-shadow: 0px 9px 15px -3px rgba(0,0,0,0.5);
                box-shadow: 0px 9px 15px -3px rgba(0,0,0,0.5);
                font-family: Arial;
                position: absolute;
                width: 100%;
                height: auto;
                min-height: 39px;
                z-index:2;
            }

            .dropdown.scrollWhite{
                height:200px;
            }
            /*View more buttons */
            .white_plus{
                float: right;
                margin-top: -40px;
            }


            .more_link.white_plus .arrow {
                background-image:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/plus_icon.png);
                background-repeat:no-repeat;
                background-position:center center;
            }
            .three_icons_layout .grids.grids_4_small:nth-of-type(3n-2) .imgBox {
                background-color: #ff5f00;
            }
            .three_icons_layout .grids.grids_4_small:nth-of-type(3n-1) .imgBox {
                background-color: #8500a8;
            }
            .three_icons_layout .grids.grids_4_small:nth-of-type(3n) .imgBox {
                background-color: #ed1b4d;
            }

            .grids_4_small .grid4_icons {
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 70px 70px;
                border-radius: 50%;
                display: block;
                height: 70px;
                width: 70px;
            }

            .grids_4 .grid4_icons {
                background-position: center center;
                background-repeat: no-repeat;
                background-size: 70px 70px;
                border-radius: 50%;
                display: block;
                height: 70px;
                width: 70px;
            }

            .grids_4:nth-child(4n-3) .small .grid4_icons{
                background-color:#FF5F00;
            }
            .grids_4:nth-child(4n-2) .small .grid4_icons{
                background-color:#8500A8;
            }
            .grids_4:nth-child(4n-1) .small .grid4_icons{
                background-color:#ED1B4D;
            }
            .grids_4:nth-child(4n) .small .grid4_icons{
                background-color:#38B2B2;
            }

            .grids_4_small:nth-child(4n-3) .small .grid4_icons{
                background-color:#FF5F00;
            }
            .grids_4_small:nth-child(4n-2) .small .grid4_icons{
                background-color:#8500A8;
            }
            .grids_4_small:nth-child(4n-1) .small .grid4_icons{
                background-color:#ED1B4D;
            }
            .grids_4_small:nth-child(4n) .small .grid4_icons{
                background-color:#38B2B2;
            }
/*
p{
    font-size:16px;
    line-height:22px;
    font-family:arial;
    margin-bottom:0px;
}
*/

h1,h2,h3,h4,h5,h6{
    font-family:telenorregular;
}

.load_more{
    width:100%;
    display:inline-block;
}

.load_more a .more_link:before{
    position:absolute;
    content:'';
    background-color:#CFDD01;
    background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/plus_dark.png');
    background-repeat: no-repeat;
    background-position:center center;
    left:0px;
    width:25px;
    height:25px;
}

.load_more a:hover .more_link:before{
    background-color:#DD0;
}

.load_more a .more_link{
    float:right;
    text-align:right;
    position:relative;
    margin:0px;
    font-size:14px;
    line-height:25px;
    padding-left:35px;
    color:#21282E;
}

.load_more1{
    width:100%;
    display:inline-block;
}

.load_more1 a .more_link:before{
    position:absolute;
    content:'';
    background-color:#CFDD01;
    background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/plus_dark.png');
    background-repeat: no-repeat;
    background-position:center center;
    left:0px;
    width:25px;
    height:25px;
}

.load_more1 a:hover .more_link:before{
    background-color:#DD0;
}

.load_more1 a .more_link{
    float:right;
    text-align:right;
    position:relative;
    margin:0px;
    font-size:14px;
    line-height:25px;
    padding-left:35px;
    color:#21282E;
}

.content_top_spacing{
    margin-top:40px;
}

.tp_desc{
    font-size:18px;
    font-family:telenorregular;
}
.desc{
    font-size:16px;
    font-family:arial;
}

.faq_box{
    margin: 20px 0px;
    display: inline-block;
    width: 100%;
}

.faq_box h3{
    font-size: 24px;
    color: rgba(0, 145, 210, 0.9);
}

.faq_box p{
    line-height: 22px;
    color: #666;
    font-size: 16px;
    margin: 10px 0px;
    font-family: arial;
}

.down_icon{
    display:inline-block;
    width:24px;
    height:24px;
    background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/arrow_b_down.png');

}

.number_item{
    display:inline-block;
    font-family:telenorregular;
    font-size:14px;
}

.number_item label{
    padding-left:10px;
}

.e_wrapper{
    min-width:290px;
    max-width:560px;
    width:100%;
    margin:0px auto;
    text-align: center;
    font-family:telenorregular;
}

.r_heading{
    font-family:telenorregular;
    font-size:28px;
    color:#fff;
    line-height:1.5;
}

.r_help{
    padding:20px;

}

.r_help p{
    font-family:telenorregular;
    font-size:18px;
    color:#21282E;
    line-height:1.5;
}

.e_wrapper .r_button{
    width:260px;
    margin:20px auto;
}

.e_wrapper .r_button a{
    display:inline-block;
    width:100%;
    padding:10px;
    text-align:center;
    background:#CFDE00;
    color:#21282E;
    font-size:21px;
}
.e_imgBox{
    display:inline-block;
    width:100%;
}
.e_desc{
    color:#fff;
    font-size:18px;
    line-height:28px;
}

.e_help{
    margin:10px auto;
    display: inline-block;
    width:100%;
}
.eh_desc{
    font-size:26px;
    color:#21282E;
    line-height:32px;
    margin:20px auto;
}

.ehs_text{
    width: 100%;
    padding: 10px 15px;
    line-height: 22px;
    padding-right:110px;
    border:0px;
    background-color:rgba(33, 40, 46, 0.3);
    color:#fff;
    font-size:15px;
}

.eh_search{
    position:relative;
    width:100%;
    margin:0px auto;
}
.button{
    font-family:telenorregular;
    font-size:18px;
    padding:8px 15px;
    cursor:pointer;
    border:0px;
}

.ehs_btn{
    background-color:#CFDE00;
    position:absolute;
    right:0px;
    height:40px;
    top:1px;
}
.eh_break{
    width:100%;
    text-align:center;
    clear:both;
    margin:20px 0px;
    line-height:22px;
}

.eh_break .hr {
    width:45%;
    background-color:rgba(33, 40, 46, 0.3);
    height:1px;
    margin-top:10px;
}

.hr.hr_full{
    width:90%;
    margin:0px auto;
}

.hr_left{
    float:left;
}

.hr_right{
    float:right;
}

.eh_icons{
    width:100%;
    margin:20px auto;
}

.ehi_container{
    display:inline-block;
}

.eh_icon{
    display:inline-block;
    margin:0px;
    text-align:center;
    width:90px;
}

.eh_icon:hover a{
    text-decoration:underline;
}

.blue_icon{
    width:48px;
    height:48px;
    overflow:hidden;
    background-color: #0885cb;
    border-radius: 50%;
    display:inline-block;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% auto;
}

.ehi_title{
    margin-top:10px;
    font-size:15px;
    font-family:telenorregular;
    color:#21282E;
}
.ehi_title a{
    color:#21282E;
}

.ehi_title a:hover{
    text-decoration:underline;
}

.home_icon{
    background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/error/home.png');
}

.back_icon{
    background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/error/back.png');
}
.site_icon{
    background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/error/sitemap.png');
}

.thankyou_extra .numbered_blue{
    color: #21282E;
    font-size: 18px;
    margin-bottom:40px;
    position:relative;
}

.numbered_blue{
    counter-reset: list-item; 
}

.numbered_blue > li{
    counter-increment:list-item;
    list-style-position:outside;
    line-height:30px;
    padding:5px 0px;
    padding-left:45px;
}

.numbered_blue > li::before{
    content: counter(list-item);
    width:30px;
    height:30px;
    display:inline-block;
    background-color:rgb(0,172,231);
    border-radius:50%;
    text-align:center;
    font-size:18px;
    line-height:30px;
    position:absolute;
    left:0px;
    color:#fff;
}

input[type="submit"],input {
    -webkit-appearance: none !important;
    -webkit-border-radius:0px !important;
    border-radius:0px !important;
}

.note{
    clear:both;
}
/*.std{
    font-family:telenorregular;
}
.std h3{
    font-size:24px;
    line-height:32px;
    margin-bottom:10px;
}

.std p{
    font-size:14px;
    line-height:18px;
    margin-bottom:30px;
    }*/

/*.std img{
    max-width:100%;
    height:auto;
    }*/

    .main_heading > h1 {
        color: #fff;
        font-size: 36px;
        text-transform: uppercase;
    }
    .breadcrumb {
        line-height: 36px;
        margin: 15px 0;
        font-family:Arial;
        overflow:hidden;
    }
    .crumbs {
        display: block;
    }
    .crumbs li {
        display: inline-block;
        color: #ffffff;
    }
    .crumbs li> a:hover {
        text-decoration: underline;
    }
    .crumbs li.active > a {
        /*font-family: telenorbold;*/
        font-weight:bold;
    }
    .crumbs li a, .crumbs li a:link, .crumbs li a:visited {
        color: #ffffff;
        display: inline-block;
        font-size: 16px;
        padding: 0 5px;
    }
    .breadcrumb .back_button {
        width: 84px;
        height: 36px;
        float: left;
        margin-right: 15px
    }
    .back_button #backBtn {
        width: 100%;
        height: 100%;
        background: none;
        border: none;
        background-color: rgba(33,40,46,0.3);
        text-transform: uppercase;
        color: #ffffff;
        font-size: 16px;
        font-family: inherit;
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/press_release/arrow_b_left.png);
        background-repeat: no-repeat;
        background-position: 5px center;
        padding-left: 24px;
        line-height: 36px;
        cursor: pointer;
    }
    .back_button #backBtn:hover {
        background-color: #00a5ef;
    }

    #serchField::-webkit-input-placeholder {
        opacity:1 !important;
        color:#fff;
    }

    #serchField::-moz-placeholder {  /* Firefox 19+ */
        opacity:1 !important;
        color:#fff;
    }

    #serchField:-moz-placeholder { /* Firefox 18- */
        opacity:1 !important;
        color:#fff;
    }

    #serchField:-ms-input-placeholder {  
        opacity:1 !important;
        color:#fff;
    }

    .search_text{
        font-size:18px;
        line-height:24px;
    }
    .searchindex-related-terms{
        font-size:14px;
        line-height:18px;
        text-align:left;
    }
    .searchindex-related-terms a{
        color:rgba(0, 145, 210, 0.9);
    }

    .searchindex-related-terms a:hover{
        text-decoration:underline;
    }

    #search_autocomplete{
        position: absolute;
        display:none;
        background: #fff;
        width: 180px;
        top: 40px;
        padding: 5px;
        height:300px;
        overflow-y:auto;
    }
    .index-title{
        font-size:15px;
        border-bottom: 1px solid rgba(0,0,0,0.3);
        margin-top: 10px;
    }
    .searchautocomlete-image{
        display:none;
    }


    #search_autocomplete .highlight{
        font-size:15px !important;
        white-space:normal;
        line-height:18px;
        color:#21282E;
    }
    #search_autocomplete .name{
        color:#0091D2;
    }
    #search_autocomplete li{
        padding:5px;
    }
    #search_autocomplete li:hover .highlight{
        color:#21282E;
        background-color:#CFDE00;
    }
    #search_autocomplete li:hover{
        color: #21282E;
        background-color: #CFDE00;
    }
    #search_autocomplete .highlight strong{

    }


    #search_autocomplete .price-box{
        display:none;
    }

    #search_autocomplete br{
        display:none;
    }

    .misspell.suggest{
        font-size:14px;
    }

    .telenor_blue{
        color:#00ACE7;
    }

    .dotss{
        overflow: hidden;
        display:inline-block;
        height: 54px;
    }

    .dotss:before {
        content:"";
        float: left;
        width: 5px; height: 100%;}

        .grids_4 .dotss{
            height: 54px;
        }
        .grids_4 .dotss:before{
            height:100%;
        }

        .store .dotss{
            height:66px;
        }
        .store .dotss:before{
            height:100%;
        }
        .support .dotss{
            height:45px;
            border-bottom:1px solid rgba(255,255,255, 0.3);
        }
        .support .dotss p{
            line-height:18px;
        }
        .support .dotss:before{
            height:100%;
        }
        .dotss > *:first-child {
            float: right;
            width: 100%;
            height:auto;
            margin-left: -5px; }		

            .dotss:after {
                content: "\02026";  

                box-sizing: content-box;
                -webkit-box-sizing: content-box;
                -moz-box-sizing: content-box;

                float: right; position: relative;
                top: -18px; left: 100%; 
                width: 3em; margin-left: -3em;
                padding-right: 5px;

                text-align: right;

                background: -webkit-gradient(linear, left top, right top,
                    from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
                background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);			
                background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
                background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
                background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white); }

                .store .dotss:after{
                    top:-18px;
                }

                .support .dotss:after{
                    top:-18px;
                }
                .support .dotss:after{
                    top:-18px;
                    background: -webkit-gradient(linear, left top, right top,
                        from(rgba(243, 0, 147, 0)), to(#F30093), color-stop(50%, #F30093));
                    background: -moz-linear-gradient(to right, rgba(243, 0, 147, 0), #F30093 50%, #F30093);			
                    background: -o-linear-gradient(to right, rgba(243, 0, 147, 0), #F30093 50%, #F30093);
                    background: -ms-linear-gradient(to right, rgba(243, 0, 147, 0), #F30093 50%, #F30093);
                    background: linear-gradient(to right, rgba(243, 0, 147, 0), #F30093 50%, #F30093);
                }

                #store .dotss:after {
                    top:-18px;
                    background: -webkit-gradient(linear, left top, right top,
                        from(rgba(0, 133, 203, 0)), to(#0085CB), color-stop(50%, #0085CB));
                    background: -moz-linear-gradient(to right, rgba(0, 133, 203, 0), #0085CB 50%, #0085CB);			
                    background: -o-linear-gradient(to right, rgba(0, 133, 203, 0), #0085CB 50%, #0085CB);
                    background: -ms-linear-gradient(to right, rgba(0, 133, 203, 0), #0085CB 50%, #0085CB);
                    background: linear-gradient(to right, rgba(0, 133, 203, 0), #0085CB 50%, #0085CB); }

                    select.select_plugin{
                        width: 100%;
                        max-width: 420px;
                        height: 36px;
                        border: 1px solid #CCC;
                        border-radius: 0px;
                        -webkit-appearance:none;
                        -webkit-border-radius: 0px;
                    }

                    .djuice #logo_container > a > img{
                        width:170px;
                        height:auto;
                    }

                    .djuice #nav_container {
                        background: #00AEEf;
                    }
                    .djuice #topmenu > .active {
                        background-color: #ffff00;
                    }



                    .djuice .item_topmenu > a {
                        color: #000000;
                    }
                    .djuice #topmenu > .active> a {
                        color: #000000;
                    }
                    .djuice .item_topmenu:hover, .djuice .topicons:hover {
                        background-color: #0099d2;
                    }
                    .djuice .subnavbar {
                        background-color: #ffff00;
                    }

                    .djuice .item_submenu > a {
                        color: #000000;
                    }
                    .djuice .item_submenu > a:hover {
                        border-bottom: 3px solid #F9DA00;
                        background-color: #F9DA00 !important;
                    }
                    .djuice .popup_content > h3 {
                        border-bottom: 1px solid #e6e6e6;
                    }
                    .djuice .popup_content > h3 >a {
                        color: #00aeef;
                        font-size: 14px;
                    }
                    .djuice .popup_content > h3 >a:hover {
                        color: #ff5e00;
                    }

                    .djuice li.item_pcm > a:hover {
                        color:#ff5e00;
                    }

                    .djuice .submenu > .active > a {
                        border-bottom: 3px solid #00aeef;
                        background-color:#FF0;

                    }

                    .djuice #sticky_topnav_holder {
                        background: #ff0;
                    }
                    .djuice #searchAsset {
                    }
                    .djuice #serchField {
                        background-color: #ffe400;
                    }
                    .djuice #formBtn {
                        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/search.png);
                    }
                    .djuice #lang {
                        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/urdu_top_djuice.png);
                    }
                    .djuice #cart {
                        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/shop_online_top_djuice.png);
                    }


                    .djuice .camera_wrap .camera_pag .camera_pag_ul li:hover > span,
                    .djuice .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
                        background: #fff200 !important;
                    }
                    .djuice #back2top {
                        background-color: #ffff00;
                    }
                    .djuice #back2top span {
                        background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/arrow_a_up_black.png) no-repeat 5px center;
                        color: #000000;
                    }
                    .djuice .chat_balloon {
                        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/livechat_djuice.png);
                    }
                    .djuice .chat_balloon > span {
                        color: #ffffff;
                        background-color: #00aeef;
                    }
                    .djuice #chat_head {
                        background-color: #ffff00;
                    }
                    .djuice #feedback_area {
                        box-shadow: none;
                        background-color: #FF0;
                    }

                    .djuice #feedback_area:hover {
                        background-color: #F9DA00;
                    }


                    .djuice #share_area {
                        box-shadow: none;
                    }
                    .djuice #chat_area .arrow {
                        background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/arrow_a_up_black.png) no-repeat 5px center;
                    }
                    .djuice #chat_area .active .arrow {
                        background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/arrow_a_down_djuice.png) no-repeat center;
                    }
                    .djuice #chat_area .head_text {
                        color: #000000;
                    }
                    .djuice #chat_area .chat_body {
                        background: #ffffff;
                        border: 1px solid #fff200;
                    }
                    .djuice #share_area {
                        background-color: #ffff00;
                    }

                    .djuice #share_area:hover {
                        background-color: #F9DA00;
                    }

                    .djuice .grids_2_button:hover{
                        background-color:#0091c7;
                    }
                    .djuice #feedback_area .feedback_head:hover{
                        background-color: #F9DA00;
                    }
                    .djuice #share_area .arrow {
                        background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/share_djuice.png) no-repeat center;
                    }
                    .djuice #share_area .share_body {
                        background: transparent;
                        border: 0px;
                    }
                    .djuice #feedback_area .feedback_head{
                        background-color: #ffff00;
                    }
                    .djuice #feedback_area .arrow {
                        background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/feedback_djuice.png) no-repeat center;
                    }
                    .djuice #feedback_area .feedback_text {
                        background-color: #000000;
                        color: #fff200;
                    }

                    .djuice .home_bg {
                        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/offers_bg_djuice.png);
                    }
                    .djuice .grids_2_button {
                        background-color: #00aeef;
                        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/arrow_a.png);
                        background-repeat: no-repeat;
                        background-position: 100% center;
                        color: #ffffff;
                    }

                    .djuice .grids_2_button a{
                        color: #ffffff;
                    }

                    .djuice .support h1::before {
                        background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/faq_black_icon_djuice.png) no-repeat;
                    }
                    .djuice .support h1 {
                        color: #000000;
                    }
                    .grids_2_back .contents {
                        padding-left: 170px;
                        height: 190px;
                    }
                    .djuice .store {
                        background:none;
                        background-color: #ffff00 !important;

                    }
                    .djuice .support {
                        background:none;
                        background-color: #ffff00 !important;
                    }
                    .djuice .support p {
                        border-bottom: 1px solid rgba(0,0,0, 0.3);
                        color: #21282E;
                    }
                    .djuice .support a{
                        color:#21282E;
                    }
                    .djuice .store h2 {
                        color: #21282E;
                    }
                    .djuice #content_layer1 .detail_section >a:hover h2 {
                        color: #dbd000 !important;
                    }
                    .djuice #content_layer1 .detail_section h2 {
                        color: #000000 !important;
                    }
                    .djuice .detail_section >a:hover h2 {
                        color: #666666;
                    }
                    .djuice .detail_section h2 {
                        color: #000000;
                    }
                    .djuice #content_layer1 .detail_section p {
                        color: #000000;
                    }
                    .djuice .detail_section h3 {
                        color: #21282e;
                    }
                    .djuice .more_link a:hover .more_icon {
                        background-color: #dddd00;
                    }
                    .djuice .more_icon {
                        background-color: #ffff00;
                    }
                    .djuice .more_link .arrow {
                        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/arrow_b_right_black.png);
                    }

                    .more_link.white_plus .arrow {
                        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/plus_icon.png");
                        background-repeat: no-repeat;
                        background-position: center center;
                    }

                    .djuice .more_link.white_plus .arrow{
                        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/plus_dark.png");
                    }

                    .djuice .grids_2_back h1 {
                        color: #000000;
                    }

                    .djuice .grids_2_back .contents{
                        color: #000000;
                    }

                    .djuice .store h1:before {
                        background: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/locator_black_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

                    }
                    .djuice #footer {
                        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/offers_bg_djuice.png);
                        background-repeat: repeat-x;
                        background-position: left top;
                        background-color: #0095d9;
                        background-size: contain;
                    }

                    .djuice .footer_bottombar {
                        border-top: 2px solid rgba(255,255,255,0.3);
                    }

                    .content_section{
                        margin-top:20px !important;
                    }

                    .border_top{
                        border-top:1px solid #D7D7D7;
                    }

                    .alert_back{
                        display:none;
                        position:absolute;
                        width:100%;
                        height:100%;
                        top:0%;
                        left:0%;
                        background-color: transparent;
                        z-index:1001;
                    }
                    #alert_popup{
                        position: fixed;
                        top: 25%;
                        left: 25%;
                        width: 50%;
                        padding: 15px;
                        background: rgba(255,255,255,1);
                        z-index:1002;
                        border:1px solid #666;
                    }
                    #alert_popup h3{
                        float:left;
                        font-size:24px;
                        line-height:30px;
                    }
                    .lower_upload_parent p{
                        font-size:18px;
                    }

                    .ds_list{
                        display:inline-block;
                    }

                    .ds_list ul li{
                        background-position:left 3px;
                        font-size:12px;
                        line-height:16px;
                    }

                    .ui-nad{
                        background-color:#fff !important;
                    }
                    .ui-nad .ui-dialog-titlebar{
                        background-color:#fff;
                        text-align:center;
                        border:0px;
                    }
                    .ui-nad .ui-widget-header .ui-state-default{
                        display:none;
                    }

                    .ui-nad .ui-dialog-buttonpane{
                        background-color:#fff;
                        text-align:center !important;
                    }

                    .ui-nad .ui-dialog-buttonpane .ui-dialog-buttonset{
                        display:inline-block;
                        float:none !important;
                    }

                    .ui-nad .ui-dialog-buttonpane button{
                        border-radius:0px;
                        -webkit-border-radius:0px;
                        border: medium none;
                        cursor: pointer;
                        padding: 5px 15px;
                        text-align: center;
                        width: 100px;
                        font-size: 15px;
                    }

                    .ui-nad .ui-dialog-buttonpane button.yes{
                        background: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/select_btn_bg.png") repeat-y scroll 0px 0px / 100% auto transparent;
                        color: #FFF;
                    }

                    .ui-nad .ui-dialog-buttonpane button.no{
                        background-color: #CEDF00;
                        color: #21282E;
                    }

                    .whiteout{
                        opacity: 0.7;
                        height: 100%;
                        width: 100%;
                        position: fixed;
                        top: 0px;
                        left: 0px;
                        z-index: 100;
                        display: none;
                        cursor: pointer;
                        background-color: #FFF;
                    }

                    .flayer{
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        left: 0px;
                        top: 0px;
                    }
                    .flayer .wfan{
                        width: 32px;
                        height: 32px;
                        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/camera-loader.gif");
                        background-repeat: no-repeat;
                        overflow: hidden;
                        z-index: 2147483647;
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        border-radius: 50%;
                    }

                    .activate_btn {
                        background: #7e0075; /* Old browsers */
                        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlMDA3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iIzkyMDA3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2JjMDA4NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q1MDA4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2Y1MDA3ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iI2ZlMDA3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                        background: -moz-linear-gradient(left,  #7e0075 0%, #92007b 14%, #bc0086 35%, #d50088 51%, #f5007e 81%, #fe0079 94%, #ff0079 100%); /* FF3.6+ */
                        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7e0075), color-stop(14%,#92007b), color-stop(35%,#bc0086), color-stop(51%,#d50088), color-stop(81%,#f5007e), color-stop(94%,#fe0079), color-stop(100%,#ff0079)); /* Chrome,Safari4+ */
                        background: -webkit-linear-gradient(left,  #7e0075 0%,#92007b 14%,#bc0086 35%,#d50088 51%,#f5007e 81%,#fe0079 94%,#ff0079 100%); /* Chrome10+,Safari5.1+ */
                        background: -o-linear-gradient(left,  #7e0075 0%,#92007b 14%,#bc0086 35%,#d50088 51%,#f5007e 81%,#fe0079 94%,#ff0079 100%); /* Opera 11.10+ */
                        background: -ms-linear-gradient(left,  #7e0075 0%,#92007b 14%,#bc0086 35%,#d50088 51%,#f5007e 81%,#fe0079 94%,#ff0079 100%); /* IE10+ */
                        background: linear-gradient(to right,  #7e0075 0%,#92007b 14%,#bc0086 35%,#d50088 51%,#f5007e 81%,#fe0079 94%,#ff0079 100%); /* W3C */
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e0075', endColorstr='#ff0079',GradientType=1 ); /* IE6-8 */


                        font-family: telenorregular;
                        display: inline-block;
                        font-size: 18px;
                        padding: 8px 15px;
                        color: #FFF;
                        line-height: 25px;
                        height: 40px;
                        color:#fff !important;
                    }
                    .device_title .activate_btn{
                        width:100%;
                        padding:0px;
                        margin-top:10px;
                    }
                    .activate_btn a{
                        color:#fff !important;
                        display:inline-block;
                        width:100%;
                        height:100%;
                    }
                    .device_title .activate_btn a{
                        padding:8px 10px;
                    }
                    .device_title .activate_btn .sc-icon{
                        float:right;
                    }

                    .box-b .activate_btn{
                        width:100%;
                        height:42px;
                        padding:0px;
                    }
                    .box-b .activate_btn a{
                        display:inline-block;
                        width:100%;
                        height:100%;
                        font-size:22px;
                        line-height: 45px;
                        padding-left:10px;
                    }
                    .center_box.box-b .submit_button{
                        background-color:#cfde00;
                        border:none;
                        font-family: telenorregular;
                        font-size: 21px;
                        color: #21282E;
                        -webkit-border-radius:0px;
                        -webkit-appearance: none;
                        border-radius: 0px;
                    }
                    .rating-box {
                        background: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/bkg_rating.gif") repeat-x scroll 0px 0px transparent;
                        height: 20px;
                        line-height: 0;
                        overflow: hidden;
                        text-indent: -999em;
                        width: 110px;
                    }

                    .rating-box .rating {
                        background: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/bkg_rating.gif") repeat-x scroll 0px 100% transparent;
                        float: left;
                        height: 20px;
                    }
                    .ddcommon .ddTitle .ddTitleText{
                        width:100%;
                    }

                    .inner-tabs{

                    }
                    .inner-tabs .tabs-list{
                        display:inline-block;
                        width:100%;
                        text-align:center;
                        background-color:#000;
                    }
                    .inner-tabs .tabs-list li{
                        display:inline-block;
                        vertical-align:top;
                        height: auto;
                        text-align: center;
                        line-height: 24px;
                        font-size: 18px;
                        box-sizing: border-box;
                    }
                    .inner-tabs .tabs-list li a{
                        color:#fff;
                        height:60px;
                        padding:18px 50px 0px;
                        display:inline-block;
                        position:relative;
                    }
                    .inner-tabs .tabs-list li.active a,.inner-tabs .tabs-list li a:hover{
                        background-color:#E10014;
                    }
                    .inner-tabs .tabs-list li.active a:after{
                        content: "";
                        width: 0px;
                        height: 0px;
                        border-width: 12px 0.6em 0.6em;
                        border-style: solid;
                        border-color: #000 transparent transparent;
                        position: absolute;
                        bottom: 0px;
                        left: 50%;
                        transform: rotate(180deg);
                        margin-left: -6px;
                    }
                    .cs-vbox{
                        height:0px;
                        overflow:hidden;
                        visibility: hidden;
                        opacity:0;
                        transition:opacity 1s;
                    }
                    .cs-vbox.active{
                        visibility: visible;
                        opacity:1;
                        height:auto;
                    }
                    .cs-vbox.ur-box.active{
                        width: 95%;
                        margin: 0px 50px auto;
                    }
                    .layers_minus_cs{
                        width:75%;
                        min-height:260px;
                        width:-webkit-calc(100% - 300px);
                        width:-moz-calc(100% - 300px);
                        width:calc(100% - 300px);
                        float:left;
                        padding:10px 20px 10px 0px;
                        box-sizing:border-box;
                    }
                    .grids_cs_adv{
                        float:right;
                        width:300px;
                        height:250px;
                        overflow:hidden;
                        margin:10px 0px;
                        box-sizing:border-box;
                    }
                    .cs-video{
                        position: relative; 
                        padding-bottom: 56.25%; 
                        padding-top: 0px; 
                        height: 0; 
                        overflow: hidden;
                    }
                    .myElement{
                        cursor:pointer;
                    }
                    .myElement>img{
                        width:100%;
                        height:auto;
                        cursor:pointer;
                    }
                    .myElement:before{
                        content: "";
                        position: absolute;
                        width: 100%;
                        height: 100%;
                        background: transparent url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/gallery/play_icon.png") no-repeat scroll center center;
                        z-index: 99;
                    }
                    .cs-video iframe { 
                        position: absolute; 
                        top: 0; 
                        left: 0; 
                        width: 100%; 
                        height: 100%; 
                    }
                    .cs-vbox .v-title{
                        font-size:28px;
                        font-family:telenorregular;
                        line-height:40px;
                        color:#00AEEF;
                        margin:4px 0px;
                        float: right;
                        width: 100%;
                        padding: 0px 15px;
                    }
                    .grids_title h2{
                        color:#21282E;
                        font-size:34px;
                        margin:10px 0px;
                    }
                    .csvbox-title{
                        margin:50px 0px 30px;
                    }
                    .csvbox-title h3{
                        font-size:28px;
                        color:#21282E;
                        margin:10px 0px;
                    }
                    .csvbox-title p,p.subH{
                        font-size:18px;
                        color:#21282E;
                        padding:10px 0px;
                        border-bottom:1px solid rgba(0,0,0,0.3);
                        display:inline-block;
                    }
                    .text-center{
                        text-align:center;
                    }
                    .video_thumb{
                        position:relative;
                        width:100%;
                        max-width:260px;
                        height:200px;
                    }

                    .video_thumb img{
                        width:100%;
                    }

                    .video_thumb:before{
                        content:"";
                        position:absolute;
                        width:100%;
                        height:100%;
                        background:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/gallery/play_icon.png) no-repeat center center;
                        z-index:99;
                    }
                    .video_title h2{
                        color:#0091D2;
                        font-size:24px;
                        margin:20px 0px 10px;
                    }

                    .video_title p{
                        font-size:14px;
                        line-height:20px;
                        max-height:40px;
                        overflow:hidden;
                        color:#21282e;
                        padding:0px;
                    }
                    .cs-fvids .video_gallery{
                        width:100%;
                        max-width:260px;
                        margin:0px auto;
                    }
                    .cs-fvids .video_gallery a{
                        display:inline-block;
                        float: left;
                    }
                    @media only screen and (min-width:960px) and (max-width:1200px){
                        .cs-fvids .video_gallery{
                            max-width:200px;
                        }
                        .cs-fvids .video_thumb{
                            height:155px;
                        }
                        .cs-vbox .v-title{
                            font-size:24px;
                            line-height:32px;
                        }
                    }
                    @media only screen and (min-width:768px) and (max-width:959px){
                        .cs-fvids .video_gallery{
                            max-width:165px;
                        }
                        .cs-fvids .video_thumb{
                            height:128px;
                        }
                        .cs-vbox .v-title{
                            font-size:18px;
                            line-height:24px;
                        }
                        .inner-tabs .tabs-list li a{
                            padding:18px 25px 0px;
                        }
                    }
                    @media only screen and (min-width:80px) and (max-width:767px){
                        .layers_minus_cs{
                            width:100%;
                            padding:10px 0px;
                        }
                        .grids_cs_adv{
                            display:none;
                        }

                    }
                    @media only screen and (min-width:640px) and (max-width:767px){
                        .cs-fvids .video_gallery{
                            max-width:134px;
                        }
                        .cs-fvids .video_thumb{
                            height:104px;
                        }
                        .cs-vbox .v-title{
                            font-size:24px;
                            line-height:32px;
                        }
                        .inner-tabs .tabs-list li a{
                            padding:18px 20px 0px;
                        }
                    }
                    @media only screen and (min-width:320px) and (max-width:639px){
                        .cs-fvids .video_gallery{
                            display:block;
                            margin:0px auto;
                        }
                        .cs-vbox .v-title{
                            font-size:18px;
                            line-height:24px;
                        }
                        .grids_title h2{
                            font-size:24px;
                        }
                        .inner-tabs .tabs-list li,.inner-tabs .tabs-list li a{
                            width:100%;
                        }
                    }

                    /* Golden Number */

                    .bgSilver{
                        background-color:#EFF2F3;
                    }
                    .content_section{
                        color:#21282E;
                        font-size:14px;
                        line-height:1.5em;
                    }

                    .content_section .detail_section p{
                        padding:0px;
                    }
                    .pm-icon{
                        display:inline-block;
                        width:20px;
                        height:20px;
                        background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/pm.png');
                        background-repeat:no-repeat;
                        background-position: 0px 0px;
                        cursor:pointer;
                    }
                    .pm-plus{
                        background-position: 0px 0px;
                    }
                    .pm-neg{
                        background-position: -40px 0px;
                    }
                    .sicon{
                        display:inline-block;
                        width:26px;
                        height:26px;
                        background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/icons.png');
                        background-repeat:no-repeat;
                        background-position: -11px -15px;
                    }
                    .pb-icon{
                        display:inline-block;
                        width:16px;
                        height:16px;
                        background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/pb_icons.png');
                        background-repeat:no-repeat;
                        background-position: -11px -15px;
                    }

                    .oicon{
                        display:inline-block;
                        width:18px;
                        height:18px;
                        background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/oicons.png');
                        background-position:0px 0px;
                        background-repeat:no-repeat;
                    }
                    .oicon.complete{
                        background-position: -5px -3px;
                    }
                    .oicon.pending{
                        background-position: -33px -3px;
                    }
                    .oicon.cancel{
                        background-position: -61px -3px;
                    }

                    .sc-icon{
                        display:inline-block;
                        width:16px;
                        height:16px;
                        background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/sc_icons.png');
                        background-repeat:no-repeat;
                        background-position:0px 0px;
                    }

                    .b-ra{
                        background-position: -60px -24px;
                    }
                    .w-basket{
                        width:18px;
                        height:18px;
                        background-position: -14px -77px;
                    }
                    .b-basket{
                        width:18px;
                        height:18px;
                        background-position: -44px -77px;
                    }
                    .w-mail{
                        width:20px;
                        height:20px;
                        background-position: -94px -77px;
                    }
                    .b-mail{
                        width:20px;
                        height:20px;
                        background-position: -68px -77px;

                    }
                    .notify-icon{
                        background-position: -93px -22px;
                    }
                    .watch-icon{
                        background-position:-67px -22px;
                    }
                    .hammer-icon{
                        height: 28px;
                        width: 28px;
                        background-position:-10px -15px;
                    }

                    .sicon-auction{
                        background-position: -11px -15px;
                    }
                    .sicon-bids{
                        background-position: -47px -15px;
                    }
                    .sicon-que{
                        background-position: -385px -15px;
                    }
                    .sicon-call{
                        background-position: -83px -15px;
                    }
                    .sicon-sms{
                        background-position: -119px -15px;   
                    }
                    .sicon-internet{
                        background-position: -155px -15px;   
                    }
                    .sicon-pdf{
                        background-position: -230px -8px;
                        height: 35px;
                        width: 35px;
                    }
                    .sicon-print{
                        background-position: -190px -8px;
                        height: 35px;
                        width: 35px;
                    }
                    .sicon-b{
                        display:inline-block;
                        background-color:#CFDE00;
                        font-weight: 800;
                        font-size:24px;
                        text-align:center;
                        height:20px;
                        width:20px;
                        cursor:pointer;
                    }

                    .edit-icon{
                        background-position: -355px -15px;
                    }
                    .del-icon{
                        background-position: -329px -15px;
                    }
                    .save-icon{
                        background-position: -298px -15px;
                    }

                    .action-item{
                        cursor:pointer;
                        display:inline-block;
                        padding: 4px 0px 0px;
                    }

                    .timer-icon{
                        width:16px;
                        height:16px;
                        display:inline-block;
                        background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/time_icon.png');
                        background-repeat:no-repeat;
                        margin:0px 5px;
                        vertical-align: bottom;
                    }

                    .arrow-icon{
                        display:inline-block;
                    }
                    .close_icon2{
                        background-position: -86px -24px;
                    }
                    .close_icon3{
                        background-position: -241px -20px;
                    }
                    .t-ud{
                        background-position: -16px -42px;
                    }

                    .wcart-icon{
                        background-position: -201px -14px;
                        height: 26px;
                        width: 30px;
                    }
                    .wish2{
                        background-position: -158px -12px;
                        height:30px;
                        width:30px;
                        background-color:#ED1B4D;
                    }
                    .icon-wrr{
                        float:right;
                        background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/arrow_b.png');
                        width:24px;
                        height:100%;
                        background-position:center center;
                        background-repeat:no-repeat;
                    }
                    .pmethod{
                        width: 168px;
                        height: 34px;
                        background-position: -16px -123px;
                    }
                    .device_video .wish2{
                        float:left;
                        margin-right:10px;
                    }

                    span.available_fnf{
                        background-image:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/icons/available_fnf.png);
                    }
                    span.active_fnf{
                        background-image:url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/icons/active_fnf.png);
                    }

                    /* phase 2 */
                    /* payment topup */
                    .pm-view{
                        margin-top:40px !important;
                    }
                    .pm-block-a .input_form{
                        width:100%;
                        max-width:none;
                    }
                    .pm-block-a .input_form .input_block{
                        width:100%;
                        max-width:none;
                    }

                    .pm-block-b{
                        margin-bottom:0px;
                    }
                    .pm-block-b .input_form{
                        max-width:780px;
                        margin-bottom:0px;
                    }

                    .pm-view .pm-head{
                        margin:30px 0px;
                    }
                    .pm-head .toggle-data{
                        width:30%;
                        display:inline-block;
                        margin:12px;
                        max-width:234px;
                        box-sizing:border-box;
                        color:#B5B6B7;
                        position:relative;
                        vertical-align:top;
                    }
                    .pm-head4 .toggle-data{
                        width:20%;
                    }

                    .pm-head .toggle-data{
                        margin:12px 3%;
                    }

                    .pm-head .toggle-data:first-child{
                        margin-left:0px;
                    }

                    .pm-head .toggle-data:last-child{
                        margin-right:0px;
                    }

                    .pm-head .toggle-data a,.pm-head .toggle-data p{
                        color:#B5B6B7;
                        display:inline-block;
                        font-size:12px;
                        width:100%;
                    }
                    .pm-head .img-border{
                        display:inline-block;
                        width:100%;
                        border-radius:1px;
                        padding:3px;
                        border:1px solid rgba(0,0,0,0.3);

                    }
                    .pm-head .img-wrap{
                        display:inline-block;
                        width:100%;
                        background-color:#f5f5f5;
                        text-align:center;
                    }
                    .pm-head img{
                        vertical-align:middle;
                        margin:3px;
                        -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%);
                        -moz-filter: grayscale(100%);
                        -o-filter: grayscale(100%);
                        -ms-filter: grayscale(100%);
                        filter: gray; filter: grayscale(100%);
                    }
                    .pm-head .toggle-data.active img{
                        -webkit-filter: none; -webkit-filter: none;
                        -moz-filter: none;
                        -o-filter: none;
                        -ms-filter: none;
                        filter: none; filter: none;
                    }
                    .pm-head .toggle-data.active .img-border{
                        border:4px solid #00AAE5;
                        padding:0px;
                    }

                    .pm-head .toggle-data.active a,.pm-head .toggle-data.active p{
                        color:#21282E;
                    }
                    .pm-content{
                        display:inline-block;
                        width:100%;
                    }

                    .pm-content .contactus_input_field:nth-child(3n-1){
                        padding-left:26px;
                    }
                    .pm-content .contactus_input_field:nth-child(3n-2){
                        padding-right:26px;
                    }
                    .pm-content .contactus_input_field.full_width:nth-child(3n-2){
                        padding-right:0px;
                    }
                    .pm-content .field_input{
                        background-color:#fff;
                        border:none;
                        padding-top:0px;
                        margin-top:0px;
                        width:100%;
                    }

                    .pm-content .form-control{
                        max-width:none;
                        width:100%;
                    }
                    .pm-content .contactus_input_field{
                        max-width:none;
                    }
                    .pm-content .field-b{
                        width:210px;
                    }
                    .pm-content .field_input .dd{
                        width:100% !important;
                    }
                    .pm-content .small_dd{
                        width:100%;
                    }

                    .pm-content .dd_month,.pm-content .dd_year{
                        width:50% !important;
                        padding:0px 5px;
                        box-sizing:border-box;
                        margin:0px;
                    }
                    .pm-content .small_input{
                        margin:0px;
                        padding:0px 5px;
                    }
                    .pm-content .field-c{
                        width:142px;
                    }

                    .pm-view .activate_btn{
                        padding:0px;
                        height:43px;    
                    }
                    .pm-view .activate_btn a{
                        display:inline-block;
                        width:100%;
                        height:100%;
                        line-height:45px;
                        font-size:22px;
                        padding-left:15px;
                    }
                    .pm-view .activate_btn .icon-wrr{
                        margin-left:10px;
                        margin-right:5px;
                    }

                    .pm-view .pblock-a{
                        padding:15px;
                    }
                    .pm-view .mblock-a{
                        margin:20px auto;
                    }
                    .pm-view h2{
                        font-size:36px;
                        line-height:38px;
                    }
                    .pm-view .npad{
                        padding:0px;
                    }

                    .tab-hide{
                        display:none;
                    }

                    .tab-hide.active{
                        display:inline-block;
                        width:100%;
                    }

                    .one-form{
                        display:inline-block;
                        width:100%;
                        padding:30px 0px;
                    }
                    .one-form > .validation-advice{
                        display:block;
                        padding-bottom:5px;
                        width:100%;
                    }
                    .one-form .form-label{
                        display:inline-block;
                        vertical-align:middle;
                        font-size:18px;
                    }
                    .one-form .input{
                        width:20%;
                        padding:0px 10px;
                        display:inline-block;
                        vertical-align:middle;
                        min-width:170px;
                        position:relative;
                    }
                    .one-form .input.btn{
                        min-width:70px;
                        width:auto;
                    }
                    .one-form .input .validation-advice{
                        position:absolute;
                        top:-20px;
                    }

                    .a-hide{
                        display:none;
                    }
                    .grids_2_fnf{
                        width:33%;
                    }
                    .grids_2_fnf .side_section{
                        width:110px;
                    }
                    .grids_2_fnf .side_section p{
                        padding: 0px;
                        font-family: telenorregular;
                        line-height: 18px;
                        font-size: 14px;
                        font-weight: bold;
                    }
                    .grids_2_fnf .imgBoxLeft{
                        float:left;
                    }
                    .grids_items .grids_2_fnf:nth-child(3n-1) .grid4_icons{
                        background-color:#8500A8;
                    }

                    .grids_items .grids_2_fnf:nth-child(3n-2) .grid4_icons{
                        background-color:#FF5F00;
                    }

                    .grids-m-avatar{
                        width:75%;
                        width: -moz-calc(100% - 260px);
                        width: -webkit-calc(100% - 260px);
                        width: calc(100% - 260px);
                    }

                    .pm-topMargin {
                        margin-top: 90px;
                    }
                    .pm-tabs,.lrtabs {
                        position: relative;
                    }

                    /* line 157, css_gn.less */
                    .pm-tabs .tabs-list {
                        position: absolute;
                        top: -60px;
                    }
                    .lrtabs .tabs-list{
                        width: 372px;
                        margin: 0px auto;
                        display:block;
                        overflow:hidden;
                    }
                    .lrtabs .tabs-list.m-show{
                        display:none;
                    }
                    .lrtabs .tabs-list li{
                        display: inline-block;
                        height: auto;
                        text-align: center;
                        line-height: 26px;
                        font-size: 21px;
                        box-sizing: border-box;
                        float: left;
                        width:45%;
                        width: -webkit-calc(50% - 2.5px);
                        width: -moz-calc(50% - 2.5px);
                        width: calc(50% - 2.5px);
                        margin:0px 2.5px;
                    }

                    .lrtabs .tabs-list li:first-child{
                        margin-left:0px;
                        margin-right:2.5px;
                    }
                    .lrtabs .tabs-list li:last-child{
                        margin-right:0px;
                        margin-left:2.5px;
                    }
                    .lrtabs .tabs-list li a{
                        padding-top: 18px;
                        height: 60px;
                        width: 100%;
                        color: #FFF;
                        display: inline-block;
                        background-color:#348AB7;
                    }
                    .lrtabs .tabs-list li.active a{
                        background-color:rgba(33, 40, 46, 0.3);
                    }
                    .pm-tabs .action-items{
                        float:left;
                    }
                    .pm-tabs .action-items .sicon{
                        margin:0px 5px;
                    }
                    /* line 160, css_gn.less */
                    .pm-tabs .tabs-list li {
                        display: inline-block;
                        height: auto;
                        width: 200px;
                        text-align: center;
                        line-height: 26px;
                        font-size: 21px;
                        box-sizing: border-box;
                        float:left;
                    }
                    /* line 167, css_gn.less */
                    .pm-tabs .tabs-list li a {
                        padding-top: 18px;
                        height: 60px;
                        width: 100%;
                        color: #21282e;
                        display: inline-block;
                        border-left-width:1px;
                        border-top-width:1px;
                        border-color:rgba(0,0,0,0.3);
                        border-style:solid;

                    }
                    .pm-tabs .tabs-list li:last-child a{
                        border-right-width:1px;  
                    }
                    /* line 172, css_gn.less */
                    .pm-tabs .tabs-list li a .tab-title {
                        display: inline-block;
                        padding-left: 5px;
                    }
                    /* line 178, css_gn.less */
                    .pm-tabs .tabs-list li.active a {
                        border-top: 5px solid #00ace7;
                        padding-top:14px;
                    }
                    .pm-tabs .tabs-list li.active{
                        border-bottom:1px solid #fff;
                    }

                    .pmtabs-content{
                        width:100%;
                        border-top:1px solid rgba(0,0,0,0.3);
                        padding-top:44px;
                    }

                    .pm-filters{
                        display:inline-block;
                        width:100%;
                        margin-bottom:30px;
                    }
                    .pm-filters form{
                        display:inline-block;
                    }
                    .pm-filters .search_form{
                        display:inline-block;
                        vertical-align:bottom;
                        width:320px;
                    }

                    .pm-filters .date_filter{
                        display:inline-block;
                        vertical-align:bottom;
                        margin-right:20px;
                    }
                    .pm-filters .action-items{
                        display:inline-block;
                        float:none;
                    }

                    .pm-view .f_footer {
                        margin-top: 30px;
                        border: 0px none;
                        text-align:center;
                    }

                    .pm-view .f_footer .dataTables_length{
                        float:none;
                        display:inline-block;
                    }

                    .pa-30{
                        padding:25px;
                        border-radius:5px;
                    }
                    .mt-30{
                        margin-top:30px;
                    }

                    .offer-grid{
                        float:left;
                        width:25%;
                    }

                    .offer-grid .devicegrids{
                        width:200px;
                        margin:0px auto;
                        display:block;
                    }
                    .offer-grid .package_title{
                        padding: 30px 15px 0px;
                        text-align:center;
                    }
                    .offer-grid .package_title h3{
                        font-size:32px;
                    }
                    .offer-grid .package_title p{
                        font-size:12px;
                        font-family:arial;
                    }
                    .offer-grid .package_grid{
                        width:200px;
                        margin:0px auto;
                    }

                    .offer-grid .charges_child{
                        margin-left:0px;
                    }
                    .offer-grid .package_charges .charges_heading{
                        font-size: 18px;
                        margin: 15px 0px 5px;
                        text-align: left;
                    }

                    .og-main{   
                        clear:both;
                        font-size:14px;
                        font-family:arial;
                        border-bottom:1px solid #21282E;
                        color:#21282E;
                        display:inline-block;
                        width:100%;
                        margin:7px 0px;
                    }
                    .og-main .ogm-title{
                        float:left;
                    }
                    .og-main .ogm-price{
                        float:right;
                    }
                    .og-price{
                        clear:both;
                        font-family:telenorregular;
                        color:#21282E;
                        margin:7px 0px;
                        width:100%;
                        display:inline-block;
                    }

                    .og-price .ogp-title{
                        font-size:22px;
                    }
                    .og-price .ogp-price{
                        font-size:36px;
                        line-height: 36px;
                        margin:5px auto;
                    }

                    .offer-grid .device_title a{
                        display:inline-block;
                        width:100%;
                    }
                    .offer-grid .device_title .select{
                        margin:5px auto;
                    }
                    .offer-grid .table_wrap{
                        position:relative;
                        height:200px;
                        width:200px;
                        background-repeat:no-repeat;
                        background-position:center center;
                    }

                    .offer-grid:nth-child(4n-3) .table_wrap{
                        background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/offers/offer3.png');
                    }
                    .offer-grid:nth-child(4n-2) .table_wrap{
                        background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/offers/offer1.png');
                    }
                    .offer-grid:nth-child(4n-1) .table_wrap{
                        background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/offers/offer2.png');
                    }
                    .offer-grid:nth-child(4n) .table_wrap{
                        background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/offers/offer4.png');
                    }

                    h3.pm{
                        font-size:22px;
                    }

                    ul.gray_disc{

                    }
                    ul.gray_disc li{
                        position:relative;
                        line-height:20px;
                        font-family:arial;
                        padding:5px 0px 5px 50px;
                    }
                    ul.gray_disc.fh-42 li{
                        padding:5px 0px 5px 20px;
                    }
                    ul.gray_disc.fh-42 li:before{
                        left:0px;
                    }
                    ul.gray_disc li:before{
                        display:inline-block;
                        position:absolute;
                        width:9px;
                        height:9px;
                        background-color:#BCBEC0;
                        content:'';
                        left:30px;
                        top:10px;
                        -webkit-border-radius:50%;
                        -moz-border-radius:50%;
                        border-radius:50%;
                    }

                    @media only screen and (max-width:992px){
                        .pm-filters .search_form{
                            width:100%;
                            margin-bottom:20px;
                        }
                    }

                    @media only screen and (max-width:959px){

                    }

                    @media only screen and (min-width:80px) and (max-width:767px){
                        ul.gray_disc li{
                            padding-left:12px;
                        }
                        ul.gray_disc li:before{
                            left:0px;
                        }
                        .layer_minus_inv{
                            width:100% !important;
                            padding-right:0px;
                        }
                        .grid_inv{
                            width:100%;
                        }

                    }

                    @media only screen and (min-width:768px) and (max-width:960px){
                        .offer-grid .devicegrids{
                            width:160px;
                        }
                        .offer-grid .package_grid{
                            width:160px;
                        }
                        .offer-grid .table_wrap{
                            width:160px;
                            height:160px;
                            background-size:160px 160px;
                        }
                        .offer-grid .package_title h3{
                            font-size:28px;
                        }
                        .offer-grid .package_title p{
                            line-height:14px;
                        }
                        .og-price{
                            margin:5px auto;
                        }
                        .og-price .ogp-title{
                            font-size:18px;
                        }
                        .og-price .ogp-price{
                            font-size:28px;
                            line-height:28px;
                        }
                        .offer-grid .device_title .select{
                            margin:0px;
                        }
                        .pm-head4 .toggle-data{
                            width:45%;
                        }
                        .pm-head .toggle-data:nth-child(2n-1){
                            margin-left:0px;
                        }

                        .layer_minus_inv .pm-content .contactus_input_field{
                            width:100%;
                        }
                        .layer_minus_inv .pm-content .contactus_input_field:nth-child(3n-1){
                            padding-left:0px;
                        }
                        .layer_minus_inv .pm-content .contactus_input_field:nth-child(3n-2){
                            padding-right:0px;
                        }

                    }

                    @media only screen and (min-width:80px) and (max-width:767px){
                        .offer-grid{
                            width:100%;
                        }
                        .pm-tabs .tabs-list li{
                            width:100px;
                        }
                        .pm-tabs .tabs-list li a .tab-title{
                            width:100%;
                            padding-top:5px;
                        }
                        .pm-tabs .tabs-list{
                            top:-80px;
                        }
                        .pm-tabs .tabs-list li a{
                            height:80px;
                            padding-top:12px;
                        }
                        .pm-tabs .tabs-list li.active a{
                            padding-top:8px;
                        }
                        .one-form .form-label{
                            width:100%;
                        }
                        .one-form .input{
                            width:100%;
                            padding:0px;
                            margin:5px 0px;
                        }
                        .cs-vbox.ur-box.active {
                            width: 100% !important;
                            margin: 0 !important;
                        }
                    }

                    @media only screen and (min-width:80px) and (max-width:640px){
                        .pt-a .section_info input{
                            font-size:14px;
                        }
                        .pt-a .m-edit .section_info input{
                            position: absolute;
                            top: 6px;
                            width: 180px;
                            background: #fff;
                            z-index: 1;
                            padding: 0px 10px;
                        }
                        .pt-a .m-edit .action-item.save{
                            position: absolute;
                            left: 192px;
                            z-index: 1;
                            top: 5px;
                        }
                        .pm-filters .search_form .input_field{
                            max-width:none;
                            width:75%;
                            width:-webkit-calc(100% - 92px);
                            width:-moz-calc(100% - 92px);
                            width:calc(100% - 92px);
                        }
                        .pm-filters .search_form .blue_button{
                            width:92px;
                        }

                        .layer_minus_inv .pm-head .toggle-data{
                            width:45%;
                        }
                        .layer_minus_inv .pm-head .toggle-data:nth-child(2n-1){
                            margin-left:0px;
                        }
                    }

                    .h-product{
                        visibility:hidden;
                        opacity:0;
                        position:absolute;
                        top:100px;
                        width:100%;
                        text-align:center;
                        transition:visibility 0s linear 0.5s,opacity 0.5s linear;
                    }
                    .device_three_grids_view:hover .h-product{
                        visibility:visible;
                        opacity:1;
                        transition-delay:0s;
                    }
                    .h-product .h-icons{
                        display:inline-block;
                    }
                    .h-icons > a{
                        display:inline-block;
                        width:40px;
                        height:40px;
                        background-color:#ED1B4D;
                        color:#fff;
                        margin:0px 2.5px;
                    }
                    .h-icons > a:hover{
                        background-color:#C91741;
                    }
                    .h-icons > a > .h-icon{
                        display:inline-block;
                        width:100%;
                        height:100%;
                        background-image:url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/sc_icons.png');
                        background-repeat:no-repeat;
                    }
                    .data-over{
                        position:relative;
                    }
                    .data-over:before{
                        position:absolute;
                        background:#21282E;
                        opacity:0;
                        content:attr(data-over);
                        top:-45px;
                        left:-30%;
                        white-space: nowrap;
                        padding:5px 10px;
                        border-radius:5px;
                        visibility:hidden;
                        transition:visibility 0s linear 0.5s,opacity 0.5s linear;  
                        font-size:12px;
                        color:#fff;

                    }
                    .data-over:hover:before{
                        visibility:visible;
                        opacity:0.9;
                        transition-delay:0s;
                    }
                    .data-over:after{
                        content: "";
                        width: 0px;
                        height: 0px;
                        border: 0.8em solid transparent;
                        position: absolute;
                        left: 10px;
                        top: -14px;
                        border-top: 10px solid #21282E;
                        visibility:hidden;
                        opacity:0;
                        transition:visibility 0s linear 0.5s,opacity 0.5s linear;
                    }
                    .data-over.v2:before{
                        margin-left:-10px;
                    }
                    .data-over.v2:after{
                        left:0px;
                    }
                    .data-over:hover:after{
                        visibility:visible;
                        opacity:0.9;
                        transition-delay:0s;
                    }
                    .h-icon.fav{
                        background-position: -153px -6px;
                    }
                    .h-icon.cart{
                        background-position: -197px -6px;
                    }

                    .st-btn{
                        font-family:telenorregular;
                        font-size:15px;
                        display:inline-block;
                        height:36px;
                        float:left;
                    }
                    .st-btn a{
                        display:inline-block;
                        width:100%;
                        height:100%;
                        padding:8px 10px;
                    }
                    .st-gray{
                        background-color:#BEBEBE;
                        color:#21282E;
                    }
                    .st-gray a{
                        color:#21282E;
                    }
                    .st-blue{
                        background-color:#00AAE5;
                        color:#fff;
                    }
                    .st-blue a{
                        color:#fff;
                    }
                    .cm-notify{
                        position:fixed;
                        top:190px;
                        left:50%;
                        width:360px;
                        margin-left:-155px;
                        padding:15px;
                        z-index:99;
                        background-color:#fff;
                    }
                    .cm-msg{
                        position:relative;
                        width:100%;
                        height:100%;
                        display:inline-block;
                        line-height:25px;
                    }
                    .cm-msg .save-icon{
                        float:left;
                        margin-right:10px;
                    }
                    .cm-msg .close_icon3{
                        position:absolute;
                        top:5px;
                        right:0px;
                    }
                    .cm-view{
                        position: fixed;
                        bottom: 0px;
                        width: 670px;
                        margin-left:-335px;
                        left: 50%;
                        background-color:#fff;
                        padding:0px 15px;
                        box-shadow:0px 0px 5px rgba(0,0,0,0.3) ;
                        z-index:99;
                    }
                    .cm-view.active{
                        padding:15px;
                    }
                    .cm-view .cm-head{
                        display:inline-block;
                        width:100%;
                        vertical-align:bottom;
                    }
                    .cm-view .cm-buttons{
                        float:right;
                    }
                    .cm-view .cm-title{
                        float:left;
                    }
                    .cm-view .cm-list{
                        width:100%;
                        clear:both;
                        max-height:0;
                        overflow:hidden;
                    }
                    .cm-view.active .cm-list{
                        display:inline-block;
                        margin-top:5px;
                        max-height:200px;
                    }
                    .cm-head .cm-title{
                        line-height:36px;
                        font-size:22px;
                        color:#21282E;
                        font-family:telenorregular;
                    }
                    .cm-buttons .st-btn{
                        margin:0px 2px;
                    }
                    .cm-buttons .st-btn.cm-compare a{
                        padding-right:0px;
                    }
                    .cm-buttons .st-btn.cm-compare .arrow-icon{
                        margin-left:20px;
                    }
                    .cm-view .cm-buttons .cm-arrow{
                        background-color:#fff;
                    }
                    .cm-view.active .cm-buttons .cm-arrow{
                        background-color: #BEBEBE;
                    }
                    .cm-view .cm-buttons .cm-arrow .t-ud{
                        -webkit-transform: rotate(180deg);
                        -moz-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }
                    .cm-view.active .cm-buttons .cm-arrow .t-ud{
                        -webkit-transform: rotate(0deg);
                        -moz-transform: rotate(0deg);
                        -ms-transform: rotate(0deg);
                        -o-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }
                    .cm-view .cm-buttons .st-btn:not(.cm-arrow){
                        display:none;
                    }
                    .cm-view.active .cm-buttons .st-btn{
                        display:inline-block;
                    }
                    .cm-list .cm-item{
                        float:left;
                        margin:0px 2px;
                        width:24%;
                        width: -moz-calc(25% - 4px);
                        width: -webkit-calc(25% - 4px);
                        width: calc(25% - 4px);
                        box-sizing:border-box;
                        border:1px solid #E9E9E9;
                        padding:5px;
                        position:relative;
                    }
                    .cm-list .cm-item:hover{
                        background-color:#E9E9E9;
                    }
                    .cm-item .cmi-img,.cmi-img img{
                        float:left;
                    }
                    .cm-item .cmi-title{
                        float:left;
                        width:94px;
                        font-size:11px;
                        font-family:arial;
                        line-height:16px;
                        margin-left:5px;
                        padding-top:5px;
                    }

                    .cm-item .cmi-close{
                        display:none;
                        width:16px;
                        height:16px;
                        top:20px;
                        right:10px;
                        position:absolute;
                        cursor:pointer;
                        display:none;
                    }
                    .cm-item:hover .cmi-close{
                        display:inline-block;
                    }
                    .cmi-close a{
                        display:inline-block;
                        width:100%;
                        height:100%;
                    }
                    .tl-head, .tl-items, .tl-foot{
                        width:100%;
                        display: block;
                    }
                    .tl-items{
                        border-top:1px solid rgba(0,0,0,0.3);
                    }
                    .tl-items .tl-item {
                        border-bottom: 1px solid #e6e6e6;
                        width: 245px;
                        float: left;
                        padding: 10px 0px;
                    }

                    .tl-item .tli-img{
                        float:left;
                        border:1px solid #e6e6e6;
                        padding:1px;
                    }
                    .tl-item .tli-img img{
                        float:left;
                        width:45px;
                        height:45px;
                    }
                    .tl-item .tli-title{
                        width:170px;
                        float:right;
                    }
                    .tl-item .tli-row{
                        float:left;
                        width:100%;
                        white-space:normal;
                        font-size:12px;
                        font-family:arial;
                        color:#21282E;
                        line-height:16px;
                    }


                    .tlf-row{
                        width:100%;
                        float:left;
                    }
                    .tlf-row .tlf-left{
                        float:left;
                        padding-top: 5px;
                    }
                    .tlf-row .tlf-right{
                        float:right;
                        padding-top: 5px;
                    }

                    .tlf-row .activate_btn{
                        width:100%;
                        text-align:left;
                        padding: 0px;
                        height: 40px;
                        margin:5px 0px;
                    }
                    .tlf-row .activate_btn a{
                        width:100%;
                        height:100%;
                        display:inline-block;
                        padding:8px 5px 8px 15px;
                        white-space:normal;
                    }
                    .tl-head {
                        height: 50px;
                    }
                    #tl-items {
                        width: 240px;
                        max-height: 200px;
                        float: none !important;
                        display: block;
                        overflow: hidden;
                    }
                    .cbox-wrap{
                        margin:0px auto;
                        text-align:center;
                        width:900px;
                        overflow:hidden;
                    }
                    .cbox-a{
                        width:372px;
                        margin:0px 35px;
                        vertical-align: top;
                        float:right;
                    }
                    .cbox-a .center_box_row{
                        text-align:left;
                    }
                    .cbox-a .login_form .validation-advice{
                        float:right;
                    }
                    .cbox-a .center_box_row .input_container{
                        width:100%;
                        display:inline-block;
                    }
                    .cbox-a .center_box .inner{
                        padding:0px;
                    }
                    .cbox-a .title_form{
                        font-size:22px;
                        text-align:left;
                    }
                    .cbox-a h3{
                        font-size:22px;
                        margin:15px 0px;
                        line-height:25px;
                    }
                    .cbox-a b{
                        font-weight:bold;
                    }
                    .cbox-a .more_margin{
                        margin:15px 0px;
                    }
                    .cbox-a .activate_btn{
                        padding:0px;
                        width:100%;
                        height:42px;
                    }
                    .cbox-a .activate_btn a{
                        padding:10px 15px;
                        text-align:center;
                        font-size:22px;
                    }
                    .cbox-a .fb_button img{
                        vertical-align:top;
                    }

                    /* invoice */
                    .inv-title{
                        height: 60px;
                        padding: 10px 0px;
                        border-bottom: 1px solid rgba(0, 0, 0, 0.3);
                    }
                    .inv-title h3{
                        font-size: 26px;
                        display: inline-block;
                        line-height: 35px;
                    }
                    .inv-footer{
                        background-color:#F3F3F3;
                        font-family:arial;
                        color:#21282E;
                        font-size:14px;
                        line-height:18px;
                        padding:15px 10px;
                        border-bottom:1px solid rgba(0, 0, 0, 0.3);
                    }
                    .inv-row{
                        padding:5px 0px;
                    }
                    .inv-row{
                        display:inline-block;
                        width:100%;
                        clear:both;
                    }
                    .inv-left{
                        float:left;
                    }
                    .inv-right{
                        float:right;
                    }
                    .inv-fine{
                        color:#0091D2;
                        font-family:telenorregular;
                        font-size:24px;
                    }

                    .pr-table{
                        display:inline-block;
                        width:100%;
                    }
                    .pr-row{
                        display:inline-block;
                        width:100%;
                        border-bottom: 1px solid #e6e6e6;
                        position:relative;
                    }
                    .pr-item{
                        display:inline-block;
                        padding:20px 15px;
                        width:150px;
                        vertical-align: middle;
                        color:#21282E;
                        font-size:14px;
                        font-family:arial;
                    }
                    .pr-row .pr-item:last-child{
                        position: absolute;
                        right: 0px;
                        top: 50%;
                        margin-top: -30px;
                    }

                    .pr-item.action:last-child{
                        width:230px;
                        box-sizing:normal;
                        margin-top:-40px;
                    }
                    .pr-item.action .activate_btn{
                        width:100%;
                        padding:0px;
                        float:left;
                        max-width:200px;
                    }
                    .pr-item.action .activate_btn a{
                        padding:8px 15px;
                    }
                    .pr-item.action .activate_btn .sc-icon{
                        float:right;
                    }
                    .pr-item.action .st-btn{
                        height:40px;
                    }
                    .pr-item.action .st-btn a{
                        padding:10px;
                    }
                    .pr-item > .thumb{
                        float:left;
                        width:70px;
                        height:70px;
                        margin-right:30px;
                    }
                    .pr-item .pr-ttl{
                        padding:8px 0px;
                    }
                    .pr-remove .close_icon3{
                        float:left;
                        margin-right:5px;
                        margin-top:2px;
                    }
                    .pr-remove a{
                        color:#7D8082;
                    }
                    .pr-row:nth-child(1) .pr-item{
                        color:#00AAE5;
                        font-family:telenorregular;
                        font-size:15px;
                        padding-bottom:5px;
                    }
                    .pr-item select{
                        padding:8px 15px;
                        font-size:16px;
                    }
                    .pr-hi{
                        color:#00AAE5;
                        font-family:telenorregular;
                        font-size:18px;
                    }
                    .pr-hi2{
                        color:#00AAE5;
                        font-family:telenorregular;
                        font-size:28px;
                    }
                    .pr-footer{
                        background-color:#F3F3F3;
                        padding:20px 0px 20px 15px;
                        border-bottom: 1px solid #e6e6e6;
                        display:inline-block;
                        width:100%;
                    }
                    .pr-bfooter{
                        padding:20px 0px 20px 15px;
                        display:inline-block;
                        width:100%;
                        margin-top:10px;
                    }

                    .pr-trow{
                        clear:both;
                        overflow:hidden;
                        padding:5px 0px;
                    }
                    .pr-trow .activate_btn{
                        padding:0px;
                        width:100%;
                    }
                    .pr-trow .activate_btn a{
                        padding:8px 15px;
                    }
                    .bold{
                        font-weight:bold;
                    }
                    .pr-titem{
                        float:left;
                        min-width:70px;
                    }
                    .pr-titem.left{
                        float:left;
                    }
                    .pr-titem.right{
                        margin-left:30px;
                    }

                    .pr-dcnt{
                        width:480px;
                    }

                    .pr-total{
                        float:right;
                    }
                    .pr-footer .one-form{
                        padding:0px;
                    }
                    .pr-footer .one-form .input_field{
                        background-color:#fff;
                    }
                    .pr-footer .one-form .form-label{
                        font-size:15px;
                    }
                    .prwa{
                        width:45%;
                    }
                    .prwb{
                        width:380px;
                    }
                    .prwc{
                        width:275px;
                    }
                    .prwd{
                        width:200px;
                    }
                    .pr-pmethod{
                        float:left;
                        margin-top:10px;
                    }
                    .pr-btotal{
                        float:right;
                    }
                    .pr-btotal.prwd{
                        margin-right:15px;
                    }
                    .pr-act{
                        width:35px;
                        height:35px;
                        float:right;
                        margin:-10px 3px 0px;
                        color:#fff;
                    }
                    .pr-act a{
                        display:inline-block;
                        width:100%;
                        height:100%;
                        background-color:#CFDE00;
                        text-align:center;
                        vertical-align:middle;
                    }
                    .pr-act a:hover{
                        background-color:#00ACE7;
                    }

                    .pr-act .sc-icon{
                        margin-top:7px;
                        margin-left:1px;
                        -webkit-transition:background-position .1s ease-in;  
                        -moz-transition:background-position .1s ease-in;  
                        -o-transition:background-position .1s ease-in;  
                        transition:background-position .1s ease-in; 
                    }

                    .pr-act a:hover .b-basket{
                        background-position: -14px -77px;
                    }
                    .pr-act a:hover .b-mail{
                        background-position: -94px -77px;
                    }
                    .pr-trow .b-ra{
                        float:right;
                        margin:4px;
                    }
                    .pr-desc{
                        padding:5px 0px;
                    }
                    .pr-img{
                        margin:5px 0px;
                    }
                    .or-clr{
                        color:#FE6C24;
                    }
                    .m-show{
                        display:none;
                    }
                    .cs-vbox.ur-box.active .single_gallery{
                        width: 100%;
                    }
                    .cs-vbox.ur-box .btn-download{
                        margin-top: 10px;
                        padding-bottom: 30px;
                    }
                    .cs-vbox.ur-box .btn-download .btn-download-click{
                        margin-left: 0px;
                    }
                    .gallery-container-parent{
                        display: inline-block;
                        width: 33%;
                    }
                    .ur-box .gallery2 {
                        display: inline-block;
                        width: 100%;
                    }
                    .ur-box #lightGallery {
                        display: inline-block;
                        width: 100%;
                        float: left;
                    }
                    .ur-box li {
                        display: inline-block;
                        width: 33%;
                    }
                    .ur-box .grids.grid_3 {
                        width: 100%;
                        display: inline-block;
                        margin-bottom: 0px;
                    }
                    @media only screen and (min-width:960px) and (max-width:1024px){
                        .cbox-a{
                            margin:0px 20px;
                        }
                        .cbox-wrap{
                            width:825px;
                        }
                    }
                    @media only screen and (min-width:768px) and (max-width:960px){
                        .cbox-wrap{
                            width:100%;
                        }
                        .cbox-a{
                            width:50%;
                            margin:0px;
                        }
                        .register .cbox-a .center_box{
                            width:90%;
                            margin:0px 5%;
                        }
                        .cbox-a .title_form{
                            font-size:18px;
                        }
                    }
                    @media only screen and (max-width:767px){
                        .m-none{
                            display:none;
                        }
                        .m-show{
                            display:block;
                        }
                        .lrtabs .tabs-list.m-show{
                            display:block;
                        }
                    }
                    @media only screen and (max-width: 767px){
                        .cbox-wrap{
                            width:100%;
                            text-align:center;
                        }
                        .lrtabs .cbox-wrap{
                            display:none;
                        }
                        .lrtabs .cbox-wrap.active{
                            display:inline-block;
                        }
                        .cbox-a{
                            display:inline-block;
                            float:none;
                        }
                        .cbox-a .title_form{
                            font-size:18px;
                        }
                        .cbox-a.m-none{
                            display:none;
                        }
                    }

                    @media only screen and (min-width:641px) and (max-width:768px){
                        .m-show.activate_btn{
                            font-size:12px;
                        }
                        .m-show.activate_btn a{
                            padding:8px 5px;
                        }
                        .m-show.device_video a{
                            font-size:12px;
                        }
                        .m-show.device_video .wish2{
                            margin-right:5px;
                        }
                    }
                    @media only screen and (min-width:80px) and (max-width:480px){
                        .cbox-a{
                            width:100%;
                            margin:0px;
                        }
                        .lrtabs .tabs-list{
                            width:100%;
                        }
                        .pr-item.action .activate_btn{
                            max-width:140px;
                        }
                        .pr-item.action .activate_btn a{
                            padding:8px 5px;
                            font-size:14px;
                        }

                        .layer_minus_inv .pm-content .contactus_input_field{
                            width:100%;
                        }
                        .layer_minus_inv .pm-content .contactus_input_field:nth-child(3n-1){
                            padding-left:0px;
                        }
                        .layer_minus_inv .pm-content .contactus_input_field:nth-child(3n-2){
                            padding-right:0px;
                        }
                    }
                    .textcenter{
                        text-align:center;
                    }
                    ul.green-disc li{
                        position:relative;
                        padding: 5px 0px;
                        margin-left:20px;
                        line-height:18px;
                        font-size:14px;
                    }
                    ul.green-disc li:before{
                        content:'';
                        position:absolute;
                        left:-20px;
                        top:9px;
                        width:10px;
                        height:10px;
                        border-radius: 50%;
                        background-color:#CFDE00;
                    }
                    .mb-30{
                        margin-bottom:30px;
                    }

                    @media only screen and (min-width:80px) and (max-width:768px){
                        .pr-item{
                            float:left;
                            width:100%;
                            padding:0px 5px 5px 80px;
                        }
                        .pr-row{
                            padding:20px 10px;
                        }
                        .pr-item:first-child{
                            padding-top:5px;
                        }
                        .pr-item > .thumb{
                            position:absolute;
                            left:10px;
                        }
                        .pr-row:first-child{
                            display:none;
                        }

                        .pr-item .pr-remove{
                            display:none;
                        }
                        .pr-row .pr-item:last-child{
                            position:relative;
                            left:0px;
                            top:0px;
                            margin-top:0px;
                            width:100%;
                        }

                        .pr-item.action .activate_btn{
                            float:left;
                            margin-right:10px;
                        }
                        .pr-btotal,.pr-dcnt,.pr-total,pr-pmethod{
                            width:100%;
                        }
                        .pr-trow .activate_btn{
                            max-width:265px;
                        }
                        .pr-trow2 .activate_btn{
                            width:132px;
                            font-size:14px;
                            line-height:22px;
                            text-align:center;
                            height:36px;
                        }
                        .pr-trow2 .activate_btn .sc-icon{
                            vertical-align:top;
                        }
                        .pr-titem.right{
                            margin-left:40px;
                        }
                        .pr-case1 .pr-item:last-child{
                            display:none;
                        }
                        .pr-item .pr-ttl{
                            padding:0px;
                        }

                    }
                    .bas {
                        width: 45px;
                        height: 45px;
                        background-position: -108px 2px;
                        margin-left: 39%;
                        display: inline-block;
                    }
                    .emp_text p {
                        font-family: arial;
                        color: #26B2E9;
                        text-align: center;
                    }
                    .emp_more p {
                        font-family: arial;
                        white-space: normal;
                        text-align: center;
                        line-height: 21px;
                        font-size: 13px;
                        padding-bottom: 20px;
                    }
                    /*---------------live chat popup css starts here---------------*/
                    .arrow.max {
                        top: 5px;
                        right: 8px;
                        color: #fff !important;
                        float: right;
                        position: relative;
                        width: 24px;
                        height: 23px;
                        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/max.png);
                    }

                    .min {
                        top: 18px;
                        right: 8px;
                        color: #fff !important;
                        float: right;
                        position: relative;
                        width: 24px;
                        height: 16px;
                        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/min.png);
                    }

                    .chat_body {
                        display: none;
                    }

                    .chat_body.active {
                        display: block;
                    }

                    .pop-up-chat {
                        position: relative;
                        width: 400px;
                        height: 450px;
                        float: right;
                        background: transparent none repeat scroll 0px 0px !important;
                        border: 3px solid #CFDE00;
                        padding: 0px;
                        border-radius: 0px;
                        font: 12px/16px "Arial", "Lucida Sans Unicode", Arial, Verdana, sans-serif !important;

                    }

                    .pop-up-inner {
                        position: absolute;
                        top: 0px;
                        right: 0px;
                        bottom: 0px;
                        left: 0px;
                        z-index: 6;
                    }

                    .pop-up-head {
                        background-color: #CFDE00 !important;
                        height: 46px;
                        cursor: pointer;
                    }

                    .pop-up-content {
                        width: 100%;
                        height: 86%;
                        word-wrap: break-word;
                        background: #FFF none repeat scroll 0% 0% padding-box;
                        color: #333;
                        overflow: auto;
                        position: relative;
                        background-color: #FFF;
                    }

                    .pop-up-heading {
                        padding-top: 15px;
                        font-size: 14px;
                        padding-left: 10px;
                    }

                    .bg-yellow {
                        height: 26px;
                        background-color: #CFDE00;
                    }

                    .pop-up-text p {
                        text-align: center;
                        padding: 25px;
                        font-size: 14px;
                    }

                    .contactus_input_field.float_left.full_width.field-text-full {
                        max-width: 100%;
                    }
                    .pop-up-chat iframe body{
                        overflow-y:hidden;
                    }

                    /*---------------live chat popup css ends here---------------*/
                    /*-------------------------Dashboard New Notifications--------------------------------------*/
                    .ticon.active .top-list.noti-list{
                        padding: 15px 0px;
                        box-shadow: 7px 5px 10px 2px #474444;
                    }
                    .ticon.active .top-list.noti-list .tl-head{
                        padding: 0px 20px;
                    }
                    .tl-item p {
                        float: left;
                        width: 96%;
                        white-space: normal !important;
                        font-size: 13px !important;
                        font-family: arial !important;
                        color: #21282E;
                        line-height: 18px !important;
                    }
                    .tl-items .tl-item.tl-noti{
                        height: 98px;
                        float: left;
                        width: 100%;
                        padding: 10px 20px;
                    }
                    .tl-items .tl-item.tl-noti .li_date{
                        float: left;
                        line-height: 1.2em;
                        color: #ACAEAF;
                        padding-top: 5px;
                        font-weight: bold;
                        font-size: 11px;
                    }
                    .tlf-row.noti-footer {
                        text-align: center;
                        height: 25px;
                    }
                    .noti-items{
                        border-top: none;
                        overflow: hidden;
                    }
                    .tl-item.tl-noti:hover{
                        background-color: #E5F4FA;
                    }
                    .ticon.active .top-list.noti-list .center_box_row .input_container{
                        width: 240px;
                    }
                    .empty-noti .tl-items .tl-item.tl-noti{
                        height: 85px;
                        padding: 0px 20px;
                        border-bottom: none;
                    }
                    .empty-noti .tl-item.tl-noti:hover {
                        background-color: #fff;
                    }
                    /*-------------------------Dashboard New Notifications--------------------------------------*/

                    .audio_btn {
                        display: inline-block;
                        color: #fff;
                        background-color: #E10014;
                        padding: 20px;
                        cursor: pointer;
                    }

                    .cs-vbox .v-title img {
                        width: 64px;
                        height: 64px;
                        display: inline-block;
                        float: left;
                        margin-top: 7px;
                        margin-right: 15px;
                    }
                    .nicescroll-rails{
                        z-index: 9999 !important;
                    }
                    #searchAsset {
                        float: right;
                        width: 138px;
                        margin-left: 0;
                        height: 28px;
                        border-left: 1px solid #FFF;
                        border-right: 1px solid #FFF;
                        margin-top: 6px;
                    }
                    #serchField{
                        width: 108px;
                    }
                    .home_bg.urgent_cr{
                        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/uc_bg.jpg") !important;
                        background-repeat: no-repeat !important;
                        background-size: 100% 100% !important;
                        position: relative;
                    }
                    .urgent_cr .inner-tabs .tabs-list {
                        background-color: #00ADEF;
                    }
                    .urgent_cr .inner-tabs .tabs-list li a{
                        padding: 18px 83px 0px;
                    }
                    .urgent_cr .inner-tabs .tabs-list li.active a, .urgent_cr .inner-tabs .tabs-list li a:hover{
                        background-color: #fff;
                        color: #017CC2;
                    }
                    .urgent_cr #inner_wrapper{
                        padding-top: 60px;
                    }
/*.campaign_store:after {
    content: "";
    width: 413px;
    height: 662px;
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/Rawantitle.png");
    position: absolute;
    top: 300px;
    right: 10px;
    opacity: 0.3;
    }*/
    .urgent_cr #inner_wrapper .cs-fvids .grids_title h2{
        margin-bottom: 44px;
        color: #fff;
        font-size: 28px;
        margin-left: 12px;
    }
    .urgent_cr .inner-tabs .tabs-list li.active a:after{
        border-color: #00ADEF transparent transparent;
        border-width: 12px 2.6em 0.6em 2.6em;
        left: 34%;
    }
    .urgent_cr .inner-tabs .tabs-list li.active a{
        height: 60px;
    }
    .btn-download {
        width: 100%;
        display: inline-block;
    }
    .btn-download-click {
        display: inline-block;
        width: 48%;
        font-size: 12px;
        border: 2px solid #CFDD01;
        float: left;
        margin-left: 5px;
        max-width: 125px;
    }
    .btn-download-click a{
        color: #CFDD01;
        padding: 10px 8px 7px;
        display: inline-block;
    }
    .btn-name {
        display: inline-block;
        width: 100%;
    }
    .tab_vedio {
        display: inline-block;
        width: 52%;
        position: absolute;
        top: -113px;
        left: 59px;
        background-color: RGBA(15, 70, 91, 0.7);
    }
    .tab_vedio p{
        font-size: 21px;
        line-height: 21px;
    }
    .banner_play{
        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/play_icon.png");
        width: 64px;
        height: 64px;
        position: absolute;
        top: 260px;
        left: 45%;
        cursor: pointer;
    }
    .cross_vedio{
        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/cross_image.png");
        width: 46px;
        height: 46px;
        float: right;
        cursor: pointer;
    }
    .campaign_store {
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #fff;
    }
    .campaign_inner {
        display: inline-block;
        width: 100%;
        padding: 45px 85px 100px;
    }
    .store_heading {
        font-size: 40px;
        color: #00ABE9;
        padding-bottom: 35px;
        position: relative;
    }
    .store_heading h1 {
        display: inline-block;
        line-height: 40px;
    }
    .store_sub_heading {
        font-size: 21px;
        line-height: 21px;
        padding-bottom: 40px;
    }
    .store_details {
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .store_details p {
        font-size: 15px;
        line-height: 18px;
    }
    .store_heading h1:before {
        content: "";
        position: absolute;
        top: 0px;
        left: -85px;
        border-bottom: 4px solid #0085CA;
        right: 74%;
        bottom: 42px;
    }
    .store_heading h1:after {
        content: "";
        position: absolute;
        top: 0px;
        left: 74%;
        border-bottom: 4px solid #0085CA;
        right: -85px;
        bottom: 42px;
    }
    .home_bg.urgent_cr .video_thumb{
        cursor: pointer;
    }
    #radio_wrapper {
        position: fixed;
        background-color: #E10014;
        top: 200px;
        right: 0px;
        width: auto;
        z-index: 999;
        box-shadow: 0px 0px 7px 0px rgba(33, 40, 46, 0.25);
        -webkit-box-shadow: 0px 0px 7px 0px rgba(33, 40, 46, 0.25);
    }
    #radio_wrapper #radio_tip {
        float: left;
        width: 45px;
        height: 40px;
        cursor: pointer;
    }
    #radio_wrapper .r_tip {
        width: 45px;
        height: 40px;
        display: block;
        background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/r_tip.png) no-repeat center;
    }
    #radio_wrapper .r_tip.r_cross{
        width: 45px;
        height: 40px;
        display: block;
        background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/close_icon.png) no-repeat center;
        position: absolute;
        top: 40px;
        left: 40px;
    }
    #radio_wrapper .radio_body {
        float: left;
        width: 300px;
        background: transparent;
        border-right: none;
        display: none;
        margin-top: 40px;
        height: 240px;
    }
    .black_class{
        background-color: transparent !important;
        box-shadow: none !important;
    }
    .radio_body.active{
        display: inline-block !important;
    }
    .menu_connect {
        display: inline-block;
        width: 95px;
        float: left;
        height: 30px;
        background-color: #EAEAEA;
        overflow: hidden;
        border-radius: 3px;
    }
    .small_telenor {
        display: inline-block;
        width: 29px;
        height: 30px;
        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/small_telenor.png");
        float: left;
        border-right: 1px solid #dedede;
    }
    .con_sign {
        display: inline-block;
        width: auto;
        height: 30px;
        padding: 0 0 0 13px;
    }
    .con_sign span {
        display: inline-block;
        width: 100%;
        font-size: 14px;
        color: #343434;
        position: relative;
        top: -4px;
    }
    .connect_login .cbox-a{
        margin: 0px auto;
        float: none;
    }
    .sign_connect .submit_button {
        background-color: transparent;
        font-size: 15px;
        padding-left: 10px;
    }
    .sign_connect .submit_button:focus {
        outline: none;
        border: none;
    }
    .connect_section .center_box_row.nolabels.more_margin{
        text-align: center;
    }
    .center_box .labels.connect_label{
        width: auto;
    }
    .bottom-margin{
        margin-bottom: 30px !important;
    }
/*#sirf-urgent {
    display: inline-block;
    width: 100%;
    background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/uc_bg.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    position: relative;
    }*/
    @media only screen and (max-width: 1170px){

/*  .topicons {
    width: 206px;
}
#searchAsset{
    width: 160px;
    margin-left: 0px;
    }*/
    #searchAsset {
        float: right;
        width: 135px;   
        margin-top: 6px;
        margin-left: 0;
    }
    #serchField {
        width: 100px;
    }
    #formBtn {
        float: left;
        width: 20px;
        height: 30px;
    }
    .topicons .ticon {
        display: inline-block;
        min-width: 20px;
        padding: 5px 0;
        height: 40px;
        position: relative;
        width: 30px;
    }
    .topicons {
        float: right;
        height: 40px;
        padding: 0 0px;
    }
    .campaign_inner{
        padding: 45px 20px 100px;
    }
    .topicons.connect_icon .ticon {
        width: 50px !important;
    }
    .topicons .ticon {
        display: inline-block;
        min-width: 20px;
        padding: 5px 0;
        height: 40px;
        position: relative;
        width: 30px;
    }
}
@media only screen and (min-width: 80px) and (max-width: 480px){
   #chat_area{
    width: 92.5%;
}
.pop-up-chat{
    width: 100%;
}
.submit-login{
    width: 98% !important;
}
.cs-vbox.ur-box.active{
    margin: 0px !important;
}
.banner_play{
    top: 156px;
    left: 42%;
}
    /*.home_bg.urgent_cr {
        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/Mobile.jpg") !important;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        }*/
    }

    @media only screen and (min-width: 481px) and (max-width: 640px){
       #chat_area{
        width: 400px;
    }
    .cs-vbox.ur-box .btn-download{
        margin-left: 139px !important;
        width: 282px;
    }
}
@media only screen and (min-width: 80px) and (max-width: 640px){
    .tab_vedio{
        width: 100%;
        left: 0px;
    }
    .store_sub_heading{
        font-size: 18px;
    }
    .store_heading{
        font-size: 24px;
    }
    .ur-box li{
        width: 100%;
        padding-left: 27px;
    }
    .urgent_cr .inner-tabs .tabs-list li.active a:after{
        left: 38%;
    }
    .banner_play{
        top: 78x;
    }
    .tab_vedio .nescafee_mobile.urgent_mobile .tilte{
        left: 16% !important;
    }
    .tab_vedio p{
        font-size: 17px;
        width: 85%;
    }
    .ur-box .gallery_image{
        margin: 0px auto !important;
    }
    #radio_wrapper .radio_body{
        width: 275px;
    }
    /*#radio_wrapper{
        left: -27px !important;
    }*/
}
@media only screen and (min-width: 641px) and (max-width: 755px){
    .tab_vedio{
        width: 100%;
        left: 0;
    }
}
@media only screen and (min-width: 756px) and (max-width: 880px){
    .tab_vedio {
        width: 100%;
        left: 0;}
    }
    @media only screen and (min-width: 80px) and (max-width: 767px){

        .home_bg.urgent_cr{
            background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/mobile_pattern.jpg") !important;
            background-repeat: no-repeat !important;
            background-size: 100% 100% !important;

        }
    }
    @media only screen and (min-width: 640px) and (max-width: 767px){

        #sirf-urgent .galleries{
            height: auto !important;
        }
        .tab_vedio{
            top: -164px;
        }
        .btn-download{
            margin-top: 20px !important;
        }
        .btn-download-click{
            width: 100% !important;
        }
        .ur-box li{
            width: 32% !important;
        }
        #radio_wrapper .radio_body{
            width: 300px;
        }
    }

@media only screen and (min-width: 993px) {
    #navbar {
        display: block !important;
    }
    .menu #home {
        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/home_icon.png");
        width: 45px;
        text-indent: -9999px;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .djuice .menu #home {
        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/home_icon_djuice.png");
        background-repeat:no-repeat;
        background-position:center center;
    }

    #back2top {
        width: 110px;
    }
    #back2top > span, #back2top > div {
        text-indent: 0;
    }

    .news_ticker {
        visibility: visible;
    }

    .search .device_three_grids_view{
        width:80% !important;
    }
    #filterby {
        display:block !important;
    }
}
@media only screen and (min-width: 80px) and (max-width: 960px) {

    .device_adv {
        display: none;
    }
    .news_ticker{
        display:none;
    }
}
@media only screen and (min-width: 80px) and (max-width: 992px) {
    .container {
        max-width: 90%;
    }
    #logo_container{
        width:90%;
        left:0px;
        margin-left:5%;
    }
    
    .topspacing {
        padding-top: 150px !important;
    }

    .tab .container{
        min-width:288px;
    }
    #topmenu .arrowicon {
        display: block;
    }
    #header .panel_right {
        position: static;
        height: auto;
    }
    .subnavbar {
        display: none;
    }
    li.item_topmenu.active >.subnavbar {
        display: block;
    }
    #nav_container {
        background-color: #0090d1;
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/menu_icon.png);
        background-position: center;
        background-repeat: no-repeat;
        width: 45px;
        height: 45px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
    }
    .campaign_wrapper #nav_container{
        background-color: #0090d1 !important;
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/menu_icon.png) !important;
    }
    .djuice #nav_container {
        background-color: #fff200;
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/menu_djuice.png);
        background-position: center;
        background-repeat: no-repeat;
    }
    #nav_container.activeMenu, .activeMenu {
        background-position: 10px 2px;
        background-color: #00ace6;
        width: 280px;
        height:auto;
        display:block !important;
    }
    .djuice #nav_container.activeMenu, .activeMenu {
        background-image: url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/menu_djuice.png');
        background-color: #ffff00;
    }
    #navbar {
        width: 280px;
        background-color: #00ace7;
        height: auto;
        padding-bottom: 110px;
        overflow: hidden;
        position: relative;
        top: 45px;
        display: none;
    }
    .smartMenu.activeMenu > #navbar{
        overflow:visible;
        display:inline-block !important;
    }
    .djuice #navbar {
        background-color: #ffff00;
    }
    #navbar * {
        clear: both;
    }
    .menu {
        display: block;
        width: 100%;
    }
    li.menuitem {
        min-height: 45px;
        float: none;
        padding-right: 0;
        line-height: 45px;
    }
    li.item_topmenu:not(:first-child) {
        margin: 0;
        margin-top: 3px;
    }
    .djuice li.menuitem > .arrowicon {
        background-image: url("https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/arrow_a_right_black.png");
    }
    li.menuitem > .arrowicon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/arrow_a.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .djuice li.item_topmenu > .arrowicon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/arrow_a_right_black.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    .djuice li.menuitem.active > .arrowicon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/arrow_a_down_black.png);
        background-repeat: no-repeat;
        background-position: center center;
    }
    li.menuitem.active > .arrowicon {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/arrow_down.png);
    }
    .djuice li.item_topmenu.active >a {
        color: #000000 !important;
    }
    li.item_topmenu > a {
        background-color: #0090d1;
        width: 100%;
        display: block;
        padding-left: 10px;
        margin-right: 10px;
    }
    .djuice li.item_topmenu > a {
        background-color: #ffe400;
    }
    .djuice li.item_topmenu:not(.active):hover > a, .djuice li.item_topmenu.stayactive > a , .djuice li.item_topmenu.active > a {
        background-color: #f7d100;
    }
    li.item_topmenu:not(.active):hover > a, li.item_topmenu.stayactive > a ,li.item_topmenu.active > a {
        background-color: #007fb9;
    }
    .djuice li.item_topmenu:not(.active):hover > a {
        background-color: #f7d100;
        color: #000000;
        /*background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/arrow_a_right_black.png) !important;*/
        background-repeat: no-repeat;
        background-position: 96% center;
    }
    li.item_topmenu:hover, .djuice li.item_topmenu:hover {
        background-color: transparent;
    }
    .subnavbar {
        position: static;
        height: auto;
    }
    li.item_submenu {
        padding: 0;
        margin: 0;
        margin-top: 3px;
    }
    li.item_submenu > a {
        padding: 0;
        padding-left: 15px;
    }
    .submenu .active > a, .submenu .stayactive > a {
        border: none;
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/menu_hover.png);
        background-repeat: repeat-y;
        background-position: left;
        background-color: #008fd0;
        display: block;
        float: none;
    }
    .djuice .submenu .active > a {
        border: none;
        background: none;
        background-color: #dbd000;
    }
    /*
    .submenu .active > a {
        border: none;
        background-color: #008fd0;
        display: block;
        float: none;
    }
    */
    .djuice .submenu .active > a, .djuice .submenu .stayactive > a {
        border: none;
        background-image: url('https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/djuice_hover.png');
        background-repeat: repeat-y;
        background-position: left;
        background-color: #f7d100;
        display: block;
        float: none;
    }
    .active .popup_menu .cols .popup_content .active a {
        background-color: #cfde00;
        color: #21282e !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-right: 15px;
    }
    .submenu > li:hover > a, .popup_content > h3 >a:hover {
        border: none;
        display: block;
        float: none;
        background-color: #0090d1;
        background-repeat: repeat-y;
        background-position: left;
        font-size:15px;
        -webkit-text-size-adjust: 100%;
    }
    .djuice .submenu > li:hover > a, .djuice .popup_content > h3 >a:hover {
        background-color: #f7d100;
    }
    .submenu > .active {
    }
    #sticky_topnav_holder {
        display: none;
        visibility: hidden;
    }
    .djuice .popup_menu, .djuice .popup_menu .popup_content > h3 {
        background-color: white;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }
    .djuice .popup_menu .popup_content > h3 >a{
        color: black !important;
    }
    .popup_menu {
        position: static;
        height: auto;
        background: #fff;
        padding: 0;
        margin-top:0px;
        padding-top:5px;
    }
    .smartMenu .active > .popup_menu {
        display: block;
    }
    .popup_menu .cols {
        width: 285px;
        display: block;
        margin-left: -10px;
    }
    .popup_cols_menu {
        display: none;
        visibility: hidden;
    }
    .popup_menu .popup_content {
        margin-left: 10px;
    }
    .popup_menu .popup_content > h3 {
        border: none;
        margin-top: 2px;
        min-height: 35px;
        line-height: 35px;
    }

    .popup_menu .popup_content > h3 >a {
        color: #009CE8 !important;
        display: block;
        padding-left: 20px;
        font-size: 15px;
        margin-left:5px;
    }
    #topmenu {
        margin-top: 9px;
        position: relative;
        top: 42px;
    }
    #searchAsset {
        position: absolute;
        top: 0px;
        background-color: #00ace6;
        width: 100%;
        height: 45px;
        line-height: 45px;
        border: none;
        padding-left: 13px;
        margin: 0;
    }
    #serchField {
        width: 217px;
        background-color: #0090d1;
        height: 45px;
        margin-top: 3px;
        margin-left: 5px;
        font-size: 18px;
    }
    #serchField:focus, #serchField:focus + #formBtn {
        background-color: #007fb9;
    }

    #serchField:hover, #serchField:hover + #formBtn {
        background-color: #007fb9;

    }

    .djuice #serchField:focus, .djuice #serchField:focus + #formBtn {
        background-color: #f7d100;
    }

    .djuice #serchField:hover, .djuice #serchField:hover + #formBtn {
        background-color: #f7d100;
        /*color: rgba(0,0,0,0.3);*/
    }

    .djuice #serchField{
        background-color: #ffe400;
        color: #000000;
    } 
    .djuice #searchAsset {
        background-color: #ffff00;;
        color: #ffffff;
    }

    .djuice #formBtn {
        background-color: #ffe400;
    }
    #formBtn {
        clear: none;
        height: 45px;
        width: 45px;
        margin-top: 3px;
        background-color: #0090d1;
    }
    .djuice #formBtn {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/search_djuice.png);
    }
    .topicons {
        position:absolute;
        top:-44px;
        right:10px;
        line-height: 35px;
        float:none;
        height:auto;
    }
    
    .topicons .ticon:last-child{
        display:none;
    }
    #lang {
        top: 0;
        right: 0;
        width: 45px;
        height: 45px;
    }
    #login {
        top: 51px;
        right: 0;
        width: 262px;
        height: 45px;
        background-color: #0090d1;
        background-position: 10px center;
        line-height: 45px;
    }

    #login:hover{
        background-color: #007fb9;
    }

    .djuice #login {
        background-color: #ffe400;
    }
    .djuice #login:hover {
        background-color: #f7d100;
    }

    .login_user.inactive{
        background-position: left 8px top 7px;
    }

    .djuice .login_user.inactive{
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/djuice/login_top_djuice.png);

    }
    .djuice #login:before {
        color: #000000;
    }

    #cart {
        top: 86px;
        right: 0;
        width: 100%;
        height: 35px;
        background-position: 96% center;
    }
    #cart:before {
        display: block;
        content: "Your Cart";
        padding-left: 20px;
        color: #ffffff;
        font-size: 14px;
    }
    #share_area {
        top: 100px;
    }
    #feedback_area {
        top: 145px;
    }

    .relevance_button_panel{
        display:none;
    }

    /*Contact us*/

    #company_div {
        font-size: 18px;
        line-height: 25px;
        margin-top: 10px;
        width: 100%;
    }
    #address_div {
        font-size: 14px;
        line-height: 23px;
        margin-top: 10px;
        width: 100%;
    }
    #emailspan {
        width: 100%;
        font-size: 12px;
    }
    #msg1_div {
        color: #00ace7;
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 20px;
        margin-top: 40px;
        width: 100%;
    }
    #msg2_div {
        color: #666;
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px;
        width: 100%;
    }
    .contact_img {
        width: 100%;
    }
    .contact_img > img {
        width: 84%;
    }
    .requierd_div {
        margin-right: 25px;
    }

    /* top menu re color */


    .djuice .popup_menu .popup_content > h3 > a:hover, .djuice .popup_menu .popup_content > h3 >a :active{
        color: white !important;
        background-color: #009ce8;
    }
    .djuice .active .popup_menu .cols .popup_content .active a {
        background-color: #009ce8;
        color: white !important;
        overflow: hidden;
        padding-right: 15px;
        text-overflow: ellipsis;
        white-space: nowrap;background-color: #009ce8;
        color: white !important;
    }

    .popup_menu .popup_content > h3 > a:hover, .popup_menu .popup_content > h3 >a :active{
        color:#21282E !important;
        background-color:#CFDE00;
    }



    .popup_menu .popup_content > h3{
        background-color: #fff;
        color: #008fd0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 252px;
    }

    .popup_content > h3 > a:hover{

    }

    #topmenu > .active > .subnavbar{
        padding-top:2px
    }

    #login{
        display:none;
    }
    #logged_in_menu{
        display:block;  
    }

    #logged_out_menu{
        display:block;
    }

    

}
@media only screen and (min-width:80px) and (max-width: 640px) {
    .large_screen_padding{
        padding:0px;
    }
    
    .topspacing{
        padding-top:100px !important;
    }
    
    #breadcrumb{
        display:none;
    }
    #logo_container > a > img {
        width: 95px;
    }
    .djuice #logo_container > a > img {
        width: 95px;
    }


    .grids_4_footer {
        display: none;
    }
    .grids_4_footer:nth-child(2) {
        width: 100%;
        margin: 0px auto;
    }
    .only_mobile {
        display: inline-block;
    }
    .mobile_footer {
        margin: 0 auto;
        width: 100%;
    }
    .mobile_footer .footer_link {
        background: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/home/arrow_a.png) right no-repeat;
        line-height: 60px;
        height: 60px;
        border-bottom: 1px solid;
    }
    .mobile_footer .footer_link:last-child {
        border-bottom: none;
    }
    .mobile_footer .footer_link a {
        font-size: 21px;
        display: inline-block;
        width: 100%;
        height: 100%;
    }


    .grids_2 {
        width: 100%;
    }
    .grids_2 .large {
        width: 100%;
    }
    .grids_2 .detail_section {
        margin-bottom: 15px;
        border-top: 1px solid #efefef;
    }

    .grids_2:nth-child(2n) .large, .grids_2:nth-child(2n) .detail_section{
        margin-left:0px;
        float:left;
    }

    /*    .grids_4 .detail_section h2 {
            display: block;
            width: 100%;
            overflow: hidden;
            white-space: normal;
            text-overflow: ellipsis;
            font-size:21px;
            min-height:21px;
        }*/
    /*    .grids_4_small {
            width: 50%;
            text-align: left;
            padding: 25px 0;
            min-height:200px;
        }*/

    /*    .grids_4_small .detail_section{
            width:95%;
           
        }*/

    /*    .grids_4_small .small {
            margin: 0px auto;
        }*/
    /*    .grids_4_small_devices {
            width: 25%;
            padding: 0px;
            text-align: left;
        }
        .grids_4_small_devices .small {
            margin: 0px;
        }
        .grids_4_small .detail_section h2 {
            display: block;
            width: 100%;
            text-align: left;
            margin: 0 auto;
            font-size:18px;
        }
    */
    #footer .copyright {
        float: none;
        display: block;
    }
    .footer_bottombar {
        height: 45px;
        padding-bottom:65px;
    }
    #footer .company span {
        padding: 0 8px;
    }
    #footer .company span:first-child {
        padding-left: 0;
    }
    .owl-carousel .owl-item {
        height: 100%;
    }
    .header_desc {
        min-width: 250px;
        position: static;
        height: auto;
        width: 75%;
        margin: 0px auto;
        padding: 330px 10px 10px 10px;
        color: #21282e;
    }
    .header_desc h1 {
        color: #0CF;
    }
    .header_desc .read_more {
        color: #21282e;
    }
    .header_desc p {
        color: rgba(0,0,0,0.3);
    }
    .owl-item .banner {
        background-repeat: no-repeat;
        background-size: auto 50%;
        background-position: 30% top;
    }
    .header_desc .cart_button {
        min-width: 210px;
        width: 210px;
        padding-left: 20px;
        margin-top: 10px;
        margin-right: 10px;
    }
    .header_desc .cart_button::after {
        left: 200px;
    }
    .header_desc .read_more:before {
        left: auto;
        margin-left: -40px;
    }
    .owl-theme .owl-dots {
        margin-top: 10px;
    }
    .owl-theme .owl-dots .owl-dot span {
        background: #999;
    }
    .header_desc_content {
        min-height: 185px;
    }

    .applanding .content_section.col2_right .panel_left {
        float:none;
        width:100%;
    }

    .applanding .content_section.col2_right .panel_right {
        display:none;
    }
    /*Discount category*/

    .discount_category .grids.grids_4_small {
        margin-bottom:20px;
    }
    .offers .package_data2 {
        padding-left: 20px;
    }
    
    #vertical-ticker li{
        line-height:1.5;
        font-size:12px;
    }

    /*phase 2 */
    .grids_2_fnf .side_section{
        width:76px;
        padding:0px;
    }
    .grids_2_fnf .side_section h3{
        font-size:24px;
        line-height:28px;
    }
    .grids_2_fnf .side_section p{
        line-height:12px;
        font-size:12px;
    }
    .grids-m-avatar{
        width:100%;
    }
    .grids_2_fnf{
        width:50%;
    }
    .grids.grids_2_fnf .small{
        width:56px;
        height:56px;
    }

    .grids_2_fnf .grid4_icons{
        width:56px;
        height:56px;
        background-size:38px 38px;
    }

}
@media only screen and (min-width : 80px) and (max-width : 480px) {
    .mainblock_bg {
        background-position: 0 -50px;
    }

/*    .camera_caption {
        top: auto !important;
        bottom: 45px;
        width: 100%
    }
    .camera_caption.right, .camera_caption.left {
        right: auto;
        left: auto;
    }*/
    .digital_banner_sec h1 {
        font-size: 21px;
        line-height: 28px;
    }

    .digital_banner_sec h2 {
        font-size: 16px;
    }
    .digital_banner_sec p {
        display: none;
    }
    .digital_banner_sec .buy_now_btn {
        font-size: 17px;
        height: 34px;
        line-height: 27px;
        width: 166px;
        margin-top: 15px;
    }
    .digital_banner_sec .more_link {
        display: none;
    }

    #utilities_categories .grids.grids_4_small, #faq_categories .grids.grids_4_small {
        margin-bottom: 0;
    }
    .package_view_show_more {
        float: right;
        margin-right: 0;
        margin-top: 40px;
    }

    /*Classes for 3g coverage map*/

    .coveragemap.upper_layer {
        height:330px;
        margin-top:20px;
    }


    /*    .coveragemap.upper_layer .search_location,
        .coveragemap.upper_layer .filter_location
        {
            width: 100%;
        }*/


    /*    .coveragemap.upper_layer .filter_location
        {
            margin-left:0px;
            margin-top:20px;
        }*/
    /*    .coveragemap.upper_layer .search_location_input{
            height: 50px;
        }*/
    /*
        .coveragemap.upper_layer #filter_location.dropdown_widget {
            height: 50px;
            line-height: 50px;
        }*/

    /*    .coveragemap.upper_layer .grids_2_button {
            width: 15% !important;
            height: 50px !important;
        }*/

    .coveragemap.upper_layer .checkbox_container {
        float: left;
        margin-top: 20px;
    }

    .coveragemap.upper_layer .filter_location .dropdown {
        position:absolute;
        z-index: 2;
        font-size:12px;
    }

    .coveragemap.lower_layer .map_portion {
        height: 300px;
    }


    /*Classes for News page*/

    .heading_container{
        margin:20px auto;
    }
    .main_heading > h1 {
        font-size: 24px;
    }
    .date_container {
        width:140px;
        margin-right:10px;
    }
    .inner_date {
        height: 57px;
        padding-top: 10px;
        width: 115px;
    }
    .inner_date .bold_text{
        font-size:14px;
    }
    .inner_date .reg_text{
        font-size:11px;
    }
    .news_heading h2,.press_heading h2 {
        font-size: 18px;
        line-height:24px;
    }
    .col2_right .right_bar {
        float: none;
        width: 100%;
    }
    .news_content{
        margin-top:0;
    }

    .showmobile{
        display:block;
    }
    .hidemobile{
        display:none;
    }
    /*Contact us*/

    /*contact us*/
    .float_left{

        float: none;
        width: 100%;
    }

    .heading h2{
        padding-left:0px;
    }
    .reset-btn {
        margin-left: 0px;
        margin-top: 10px;
    }
    .contactus_input_field{
        width: 90%;
        margin:  0 auto 40px;
    }
    .field_text {
        width: 100%;
    }
    #cap_refresh_btn{
        float: right;
        width:  107px;
    }
    .reponsive_margin{
        margin-top: 60px;

    }

    .input_width{
        width: 100%;
    }
    .area {
        width: 100%;
    }
    .filter_location .input_dropdown{
        width: 86%;
    }
    .filter_location_sec .input_dropdown{
        width: 86%;
    }
    .contactus_form  .filter_location {
        width: 100%;
    }
    .contactus_form  .filter_location_sec {
        width: 100%;
    }
    .clear_div{
        width:100%; display:block; clear:both; height:0px;
    }
    .requierd_div {
        margin-right: 14px;
    }

    .left_wrapper {
        width: 87%;
        margin: 0 auto;
    }
    /*Device Check*/

    .data_3g_table {
        margin-top: 100px;
    }
    .devicecheck .lower_layer .filter_location {

        width: 100%;
        margin-bottom:20px;
    }

    .devicecheck .lower_layer .select_mobile {

        width: 100%;
        margin-bottom:20px;
    }
    .devicecheck .lower_layer .search_location {
        float:none;
        margin-left:0px;
        width: 100%;
    }
    .devicecheck .search_location input {
        width:80%;
    }

    .devicecheck .search_button {
        width: 20%;
        padding-left:2px;
        text-align:center;
    }

    .devicecheck .heading {
        margin-left:0px;
    }
    .devicecheck .column {
        font-size:13px;
        padding:0 5px;

    }
    /*
    Whydjuice
    */
    .whydjuice.panel_right{
        display:none;
    }

    .device_adv {
        display: none;
    }
    .search_faq_panel{
        top:0px;
        float:none;
    }
}
@media only screen and (min-width: 80px) and (max-width: 639px) {
    .grids_4 {
        width: 100%;
        padding-top:15px;
    }

    .grids_4:nth-child(4n-3),.grids_4:nth-child(4n){
        padding:15px 10px 0px;
    }

    .grids .medium {
        width: 100%;
        max-width: 263px;
        margin:0px auto;
    }
    /*    .grids_4 .detail_section {
            text-align: center;
        }*/

    .grids_4_small{
        width:50%;
        text-align:center;
        min-height:130px;
    }
    .grids_4_small .imgBox{
        margin:0px auto;
    }
    .grids_4_small a{
        display:inline-block;
    }
    .grids_4_small .detail_section{
        padding-top:10px;
    }
    .grids_4_small h2{
        font-size:14px;
    }
    .mobile_none {
        display: none;
    }
    .grids_2_devices2 {
        width: 100%;
        min-width: 285px;
    }
    .grids_4_devices2 {
        width: 100%;
        min-width: 310px;
    }
    .device {
        margin-bottom: 40px;
    }
    .grids_4_devices {
        width: 100%;
    }
    .only_mobile_devices {
        display: inline-block;
    }
    .grids_4_small_devices {
        width: 100%;
        padding: 10px 0px;
    }
    .grids_4_small_devices .grid_item {
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(0,0,0,0.3);
        text-align: left;
    }
    .grids_4_small_devices .small {
        margin: 0px;
    }
    .grid_item.top_line {
        padding-top: 10px;
        border-top: 0px;
    }
    .reviews_list{
        width:85%;
        margin:30px auto;
    }

    .reviews_stars {
        width: 100%;
    }
    .reviews_result {
        width: 100%;
        margin: 10px 0px;
    }
    .review_product {
        width: 100%;
    }
    .review_product .review_btn {
        float: left;
    }
    .review_details {
        width: 100%;
        padding-right:0;
    }
    .review_help {
        width: 100%;
        float: left;
        padding: 0px;
        margin-top: 15px;
    }
    /* tabs */
    .tab-links {
        width: 100%;
    }
    .tab-links .tab-head, .djuice .tab-links .tab-head, .djuice .tab-links .tab-head{
        display: inline-block;
        width: 100%;
        background: #fff url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/right_arrow.png) no-repeat right;
        color: #21282e;
        border-top: 1px solid rgba(0,0,0,0.3);
        height: auto;
    }
    .tab-links a {
        color: #21282e;
    }
    .tab-links li.active .tab-head, .djuice .tab-links li.active .tab-head, .djuice .tab-links li.active .tab-head{
        background: #fff url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/devices/down_arrow.png) no-repeat right;
    }
    .tabs .tab_heading{
        text-align:left;
        padding-left:20px;
    }

    .inner_slider_container .slide_caption .device_video {
        min-width: 150px;
        margin-left: 20%;
    }
    #inner_banner_slider .owl-pagination {
        margin-left: 20%;
    }
    #inner_banner_slider .slide {
        width: 90%;
        margin: 0px;
    }
    /* select box */
    .styled-select {
        width: 100%;
        background: #fff;
    }
    .styled-select ul li {
        display: inline;
        width: 65px;
        border: 1px solid #fff;
        float: left;
    }
    .styled-select ul li.selected {
        background: #004969;
        color: #fff;
    }
    .styled-select ul li#selected_storage {
        display: none;
    }
}

@media only screen and (min-width:480px) and (max-width:640px) {
    .devicecheck .lower_layer .select_mobile{
        width:100%;
        margin-bottom:20px;
    }
}
@media only screen and (min-width:640px) and (max-width:960px) {

/*    #main_wrapper{
        background-size:auto 250px;
    }*/
    .grids_4 .detail_section h2{
        font-size:18px;
        text-align:left;
    }
    
    .device {
        margin-bottom: 30px;
    }
    .grids_4_devices {
        width: 25%;
    }
    .device_reviews img {
        width: 12px;
        height: auto;
    }
    .device_reviews .counter {
        font-size: 12px;
    }
    .device_title .device_name {
        font-size: 18px;
    }
    .device_title .device_price {
        font-size: 28px;
    }
    .grids_4_devices2 {
        width: 40%;
    }
    .spec2 p {
        font-size: 14px;
    }
    .grids_4_devices .medium {
        min-width: 140px;
    }
    .grid_item .device_title .device_price {
        font-size: 30px;
        line-height: 32px;
        max-height: 32px;
    }
    .review_details {
        width: 100%;
    }
    .review_help {
        float: left;
        padding: 0px;
        margin: 15px 0px;
    }
    .reviews_stars {
        width: 100%;
    }
    .inner_slider_container .slider_title {
        font-size: 24px;
    }
    .slide .device_title .device_tagline {
        font-size: 22px;
    }
    .inner_slider_container .spec_slider p {
        font-size: 14px;
    }
    #inner_banner_slider .slide {
        width: 90%;
        margin: 0px;
    }
    #inner_banner_slider .slide_caption .device_video {
        margin: 0 auto;

    }

    .grids_4_small .detail_section h2{
        white-space: normal;
        height: 40px;
        overflow: hidden;
        font-size:18px;
        line-height:20px;
        margin-bottom:0px;
    }


}
@media only screen and (min-width : 481px) and (max-width : 992px) {
    /*    .grids_4 {
            width: 50%;
        }
        
        .grids_4:nth-child(4n-3){
            padding-left:10px;
        }
        
        .grids_4:nth-child(4n){
            padding-right:10px;
        }
        
        .grids .medium {
            width: 65%;
            min-width: 210px;
        }
    
        .grids_4_devices .medium {
            width:100%;
            min-width: 140px;
        }*/

    #filterby {
        display:block !important;
    }


    .press_heading h2 {
        position:absolute;
        padding-left:158px;
    }


}
@media only screen and (min-width : 481px) and (max-width : 640px) {
    .camera_caption {
        top: 21%;
    }
    .camera_caption.right {
        right: 3%;
    }
    .camera_caption.left {
        left: 3%;
    }
    .digital_banner_sec h1 {
        font-size: 21px;
        line-height: 28px;
    }
    .digital_banner_sec h2 {
        font-size: 16px;
    }
    .digital_banner_sec p {
        margin-top: 0;
        font-size: 13px;
    }
    .digital_banner_sec .buy_now_btn {
        font-size: 17px;
        height: 34px;
        line-height: 27px;
        width: 166px;
    }
    .digital_banner_sec .more_link > a {
        font-size: 16px;
    }

    /*Search*/
    .sidenav_links h3{
        font-size:13px !important;
    }
    /*Device Grid/List View*/



    .content_section.device_list_grid_section .panel_left {
        width: 40%;
    }
    .content_section.device_list_grid_section .panel_right {
        width: 57%;

    }

    #device_grid_view .device_title .device_price {
        font-size: 30px;
    }
    .list_grid_toggle_button_panel {
        display: none;
    }
    #device_grid_view .three_grids_inside_wrapper {
        max-width: 200px;
        width: 100%;
    }
    .devices #device_grid_view .device_three_grids_view:nth-child(3n+2) {
        margin-left: 0px;
        margin-right: 0px;
    }
    .device_list_grid_section #device_grid_view .device_three_grids_view {
        width: 100%;
        margin: 15px auto 50px;
    }
    
    #device_grid_view.result_block .device_three_grids_view{
        width: 170px !important;
    }
    
    
    #device_grid_view .stars > img {
        width: 8px;
    }
    #device_grid_view .counter {
        font-size: 12px;
    }
    #device_grid_view .device_title .device_name {
        font-size: 18px;
        width:100%;
    }
    .devices .without_compare{
        font-size:14px;
    }
    #device_grid_view .device_title .select {
        font-size: 18px;
    }
    #device_grid_view .device_price .comparison_view {
        font-size: 14px;
        padding-left:5px;
    }

    #device_grid_view .device_price .device_compare_view_place {
        font-size:14px;
    }

    #device_grid_view .device_price .comparison_button {
        font-size: 14px;
        padding-left: 0;
    }
    .device_list_grid_section .side_navigation {
        width: 100%;
    }
    .devices .sidenav_links h3 {
        font-size: 13px;
    }
    /*Classes for 3g coverage map*/


    .coveragemap.upper_layer {
        height:300px;
    }

    /*    .coveragemap.upper_layer .search_location,
        .coveragemap.upper_layer .filter_location
        {
            width: 100%;
        }*/


    .coveragemap.upper_layer .filter_location
    {
        margin-left:0px;
        margin-top:20px;
    }
    .coveragemap.upper_layer search_location input{
        width: 85%;
        height: 50px;
    }

    .coveragemap.upper_layer .grids_2_button {
        width: 15% !important;
        height: 50px !important;
    }

    .coveragemap.upper_layer .checkbox_container {
        float: left;
        margin-top: 20px;
    }

    .coveragemap.upper_layer .filter_location .dropdown {


        z-index: 2;
        font-size:12px;
    }

    .coveragemap.lower_layer .map_portion {
        height: 300px;
    }

    /*Serach page*/

    .search .device_three_grids_view {
        margin:0 auto 20px !important;
        width:93% !important;
    }

    .search .three_grids_inside_wrapper {
        max-width: none !important;
        width: 195px !important;
    }
    .search_head_container .viewmore_btn .grids_2_button{
        font-size:11px;
        padding:7px 22px 7px 11px;
    }
    .search_heading h2{
        font-size:27px;
    }

    .search_text,
    .filter_links{
        font-size:14px;
    }
    .filter_buttons{
        height:30px;
    }
    .content_section.col2_right .panel_left {
        width: 95%;
    }
    .content_section.col2_right .panel_right {
        display:none;
    }
    .col2_right .panel_right .accordion{
        max-width:95% !important;
    }
    .news_heading h2,.press_heading h2 {
        font-size: 24px;
    }


    .app_screen > img{
        max-width:155px;
    }

    /*Contact us*/

    .left_wrapper {
        width: 87%;
    }
    #contact_info{
        width: 100%;
    }

    .content_section .panel_right{
        width:100%;
    }
    .content_section .panel_left{
        width:100%;
    }
    .content_section_div .contactus_grid_view .panel_div {
        width: 100%;
    }
    .contact_img > img {
        max-width: 240px;
        width: 84%;
    }
    .heading h2 {
        font-size: 34px;
        margin: 40px 0 15px;
    }


    /*Packages list grid*/

    .packages #device_grid_view .device_title .device_price {
        font-size: 22px;
        line-height:40px;
    }

    .packages .grids_2_button {
        font-size: 11px;
    }

    .packages .package_charges .on_net_heading {
        font-size: 14px;

    }
    .packages .package_charges span {
        margin-right: 5px;
    }

    .packages .device_title .device_name {
        line-height: 30px;
        max-height: 30px;
    }

    .charges_child {
        font-size: 12px;
        line-height: 24px;
        min-height: 24px;
    }
    .sms .sms_icon, .data .data_icon,.fnf .fnf_icon, .off_net .off_net_icon{
        width:18px;
        height:18px;
    }

    /*Device Check*/
    .data_3g_table {
        margin-top: 20px;
    }
    .devicecheck .lower_layer .filter_location {

        width: 100%;
        margin-bottom:20px;
    }

    .devicecheck .lower_layer .select_location {
        width: 100%;
        margin-bottom:20px;
    }


    .devicecheck .lower_layer .search_location {
        float:none;
        margin-left:0px;
        width: 100%;
    }

    .devicecheck .filter_location {
        height:45px;
    }
    .devicecheck .lower_layer .filter_location #input_field_button .grids_2_button {
        height:45px !important;
        width:15% !important;
    }

    .devicecheck .lower_layer .select_mobile #input_field_button .grids_2_button {
        height:45px !important;
        width:15% !important;
    }

    .search_location_input {
        height:50px;
        width:85%;
    }

    .devicecheck .search_location input {
        width:80%;

    }
    #filter_location.dropdown_widget {
        height: 50px;
        line-height: 50px;
    }

    .devicecheck .search_button {
        width: 20%;
        padding-left:0%;
        text-align:center;
    }
    .grids_4 .detail_section{
        display:inline-block;
    }



}


@media only screen and (min-width : 641px) and (max-width : 992px) {
    .camera_caption {
        top: 23%;
    }
    
    .camera_caption.right {
        right: 5%;
    }
    .camera_caption.left {
        left: 5%;
    }
    .digital_banner_sec h1 {
        font-size: 31px;
    }
    .digital_banner_sec h2 {
        font-size: 20px;
    }
    .digital_banner_sec .buy_now_btn {
        font-size: 17px;
        height: 34px;
        line-height: 27px;
        width: 166px;
    }
    /*
    Classes For Store Page
    */

    .content_section.store_locator .panel_right {
        width: 60%;
        height: 550px;
    }
    .content_section.store_locator .panel_left {
        width: 40%;
    }
    .store_locator .left_bar, .store_locator .store_img {
        height: 550px;
    }
    #input_field input {
        width: 85%;
    }
    .inner_boxes {
        width: 90%;
    }
    .lower_div {
        height: 390px;
        overflow: auto;
    }
    #input_field input {
        height: 25px;
        padding-left: 35px;
    }
    #input_field_button .grids_2_button {
        height: 25px;
        margin: 0;
        width: 15%;
        padding: 0px;
    }
    .quick_start_heading {
        font-size: 20px;
        font-weight: bold;
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .marginfixed {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .view_map_button .grids_2_button {
        height: 30px;
        margin-bottom: 20px;
        line-height:30px;
    }
    .left_bar {
        padding: 25px;
    }
    .marginfixedless {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    /*Device Grid/ List View*/

    .devices .panel_left {
        width: 25%;
    }
    .devices .panel_right {
        width: 75%;
    }
    .list_grid_toggle_button_panel {
        display: none;
    }
    #device_grid_view .three_grids_inside_wrapper {
        max-width: 190px;
        width: 100%;
        padding:0px 5px;
    }
    .latestoffer .panel_right #device_grid_view .owl-item .slide .device_three_grids_view .package_title{
        font-size:18px !important;
    }
    #device_grid_view .device_title .device_price, #device_list_view .device_title .device_price{
        line-height:24px;
        font-size:21px !important;
        letter-spacing: -2px;
    }
    .devices #device_grid_view .device_three_grids_view:nth-child(3n+2) {
        margin-left: 0px;
        margin-right: 0px;
    }
    .device_list_grid_section #device_grid_view .device_three_grids_view {
        width: 33%;
    }
    #device_grid_view .stars > img {
        width: 10px;
    }
    #device_grid_view .counter {
        font-size: 12px;
    }
    #device_grid_view .device_title .device_name {
        font-size: 18px;
        width:100%;
    }
    #device_grid_view .device_title .select {
        font-size: 18px;
    }
    #device_grid_view .device_price .comparison_view {
        font-size: 14px;
        padding-left: 5px;
    }
    #device_grid_view .device_price .comparison_button {
        font-size: 14px;
        padding-left: 2px;
    }

    #device_grid_view .device_three_grids_view .device_compare_view_place {
        font-size: 14px;
    }
    .devices .sidenav_links h3 {
        font-size: 13px;
    }
    /*
    classes for 3g coverage map
    */
    /*    .coveragemap.upper_layer .search_location,
        .coveragemap.upper_layer .filter_location
        {
            width: 35%;
        }*/

    /*    .coveragemap.upper_layer .search_location input{
            width: 85%;
    
        }*/

    .coveragemap.upper_layer .grids_2_button {
        height: 36px !important;
    }

    .coveragemap.upper_layer .filter_location {
        margin-left: 20px;
    }
    .coveragemap.upper_layer .checkbox_container label {
        font-size: 14px;

    }

    .coveragemap.upper_layer .filter_location .dropdown {

        font-size:12px;
    }

    /*Serach page*/

    .content_section.device_list_grid_section .panel_left{
        width:30%;
    }

    .content_section.device_list_grid_section .panel_right{
        width:67%;
        margin-left:3%;
    }

    .search .device_three_grids_view {
        margin:0 auto 20px !important;
        width:85% !important;
    }

    .search .three_grids_inside_wrapper {
        max-width: none !important;
        width: 140px !important;
    }
    .search_heading h2{
        font-size:31px;
    }

    .content_section.col2_right .panel_left {
        width: 70%;
    }
    .content_section.col2_right .panel_right {
        width: 30%;
    }

    .app_screen > img{
        max-width:125px;
    }
    .sidenav_links h3{
        font-size:15px !important;
    }

    /*Packages list grid*/

    .packages #device_grid_view .device_title .device_price {
        font-size: 30px;
    }

    .packages .grids_2_button {
        font-size: 13px;
    }

    .packages .package_charges .on_net_heading {
        font-size: 12px;

    }
    .packages .package_charges span {
        margin-right: 5px;
    }

    .charges_child {
        font-size: 12px;
    }

    /*Device Check*/

    .devicecheck .lower_layer .search_location {
        margin-left: 20px;
    }
    .gn-view .devicecheck .lower_layer .search_location{
        margin-left:0px;
    }

    .devicecheck .search_location input {
        width: 170px;
    }

    .devicecheck .search_button {
        padding-left: 10px;
        width: 70px;
    }
    .devicecheck .lower_layer .filter_location {
        width: 180px;
    }

    .devicecheck .lower_layer .select_mobile {
        width: 180px;
    }

    .offers .package_data2 {
        padding-left: 20px;
    }


    /*Accordion*/

    .col2_right .panel_right .accordion{
        max-width:95% !important;
    }

    .news_heading h2,.press_heading h2 {
        font-size: 30px;
    }
    /*phase 2 */
    .side_section{
        padding-left:0px;
        padding-top:10px;
    }
    .grids-m-avatar{
        width:75%;
        width: -moz-calc(100% - 120px);
        width: -webkit-calc(100% - 120px);
        width: calc(100% - 120px);
    }
    .grids_2_fnf{
        width:50%;
    }
    .grids.grids_2_fnf .small{
        width:70px;
        height:70px;
    }

    .grids_2_fnf .grid4_icons{
        width:70px;
        height:70px;
        background-size:52px 52px;
    }
}

@media only screen and (min-width:  641px) and (max-width:755px){
    .device_list_grid_section #device_grid_view .owl-item .device_three_grids_view{
        width:160px;
    }
    .search_faq_panel{
        top:0px;
    }
    #main_wrapper{
        
    }
}

@media only screen and (min-width:  756px) and (max-width:992px){
    .device_list_grid_section #device_grid_view .owl-item .device_three_grids_view{
        width:180px;
    }
}

@media only screen and (min-width : 641px) and (max-width : 1024px) {
/*    #logo_container > a > img {
        width: 100px;
    }
    .djuice #logo_container > a > img {
        width: 128px;
    }*/
    /*    .grids_2_back h1 {
            width: 100%;
            display: block;
        }
        .grids_2_back .contents {
            padding-left: 0px;
            min-height: 307px;
        }
        .support .contents {
            padding-top: 125px;
        }
        .grids_2_button {
            margin-left: 0px;
        }
        .support p {
            overflow: hidden;
            display: inline-block;
            position: relative;
            width: 100%;
        }
        .store .contents {
            padding-top: 110px;
        }*/
}



@media only screen and (min-width : 993px) and (max-width : 1200px) {
    .container {
        max-width: 960px;
    }
    #logo_container{
        width:960px;
        margin-left:-480px;
    }
    #header .panel_left {
        width: 18%;
    }
    .menuitem {
        padding: 0 10px;
    }
    .menuitem > a {
        font-size: 13px;
    }
    .popup_menu {
        max-width: 780px;
    }
    .grids_2_back .contents {
        min-height: 190px;
    }
    /*
    Classes For Store Page
    */

    .content_section.store_locator .panel_right {
        width: 60%;
    }
    .content_section.store_locator .panel_left {
        width: 40%;
    }
    #input_field input {
        width: 85%;
    }
    #input_field_button .grids_2_button {
        height: 36px;
        margin: 0;
        width: 100%;
        padding: 0px;
    }
    .inner_boxes {
        width: 90%;
    }
    .lower_div {
        height: 460px;
        overflow: auto;
    }
    /*News Page*/
    .content_section.col2_right .panel_left {
        width: 70%;
    }
    .content_section.col2_right .panel_right {
        width: 30%;
    }
    .news_heading h2,.press_heading h2 {
        font-size: 30px;
    }
    .devices .panel_left {
        width: 25%;
    }
    #device_grid_view .device_price .comparison_button {
        font-size: 16px;
    }
    #device_grid_view .device_price .comparison_view {
        font-size: 16px;
    }
    .devices .panel_right {
        width: 75%;
    }
    #device_list_view .devicegrids {
        width: 200px;
    }

    #device_list_view .device_three_grids_view .device_detail_rating .detail_text {
        width: 100%;
    }
    #device_list_view .device_detail_rating {
        margin: 0px 35px;
    }
    .devices #device_grid_view .device_three_grids_view:nth-child(3n+2) {
        margin-left: 50px;
        margin-right: 50px;
    }
    #device_grid_view .counter {
        font-size: 13px;
    }
    .device_list_grid_section #device_grid_view .device_three_grids_view {
        width: 200px;
    }
    #device_grid_view .three_grids_inside_wrapper {
        width: 200px;
    }
    #device_grid_view .stars > img {
        width: 18px;
    }
    #device_grid_view .device_title .device_name {
        font-size: 22px;
    }
    /*
    Classes for 3g coverage map
    */

    .coveragemap.upper_layer .search_location, .coveragemap.upper_layer .filter_location {
        width: 310px;
    }

    .coveragemap.upper_layer search_location input{
        width: 270px;
    }



    .coveragemap.upper_layer .filter_location .dropdown {
        width: 310px;
    }


    .search .device_three_grids_view{
        width:75% !important;
    }

    .search .three_grids_inside_wrapper{
        width:160px !important;
    }

    .app_screen > img{
        max-width:145px;
    }


    /*Packages device grid list*/

    .packages .relative {
        width: 100%;
        height:auto;
    }

    /*phase 2 */
    .grids_2_fnf{
        width:50%;
    }



}

@media only screen and (min-width:756px) and (max-width:992px){
    .grids_2_back .contents{
        padding-left:135px;
    }
    .grids_2_back h1 {
        font-size: 26px;
    }

    .grids_2_button{
        right:40px;
        left:auto;
    }
}

@media only screen and (min-width: 80px) and (max-width:755px){
    .grids_2_back h1{
        width:100%;
        display:inline-block;
    }

    .grids_2_back .contents {
        padding-left: 0px;
        height:auto;
        margin-bottom:20px;
    }
    .support .contents {
        padding-top: 125px;
    }
    .grids_2_button {
        left: 40px;
    }
    .support p {
        overflow: hidden;
        display: inline-block;
        position: relative;
        width: 100%;
    }
    .store .contents {
        padding-top: 110px;
       
    }

    .grids_2_back:nth-child(2n){
        float:none;
    }
    .grids_2_back {
        width: 98%;
        float:none;
        margin:10px auto;
    }
}
@media only screen and (min-width:641px) and (max-width:800px) {

    .discount_category .grids.grids_4_small {
        width:33%;
    }

}

@media only screen and (min-width:80px) and (max-width: 550px) {
    .store_content {
        display: table;
        width: 100%;
    }
    .content_section.store_locator .panel_right {
        width: 100%;
        float: none;
        display: table-header-group;
    }
    .content_section.store_locator .panel_left {
        width: 100%;
        float: none;
        display: table-footer-group;/*To show it beneath the right panel*/
    }
    #input_field_button .grids_2_button {
        height: 25px;
        margin: 0;
        width: 10%;
        padding: 0px;
    }
    #input_field input {
        width: 90%;
        height: 25px;
    }
    .inner_boxes {
        width: 90%;
    }
    .view_map_button .grids_2_button {
        font-size: 12px;
        height: 30px;
        width: 100px;
        line-height:30px;
    }
    .store_img {
        height: 380px;
    }
    .lower_div {
        height: auto;
        overflow: auto;
    }
    .store_content .left_bar {
        height: auto;
    }
    #view_google_map_link .more_link {
        float: left;
    }
}
@media only screen and (min-width : 551px) and (max-width : 640px) {
    .content_section.store_locator .panel_right {
        width: 50%;
    }
    .content_section.store_locator .panel_left {
        width: 50%;
    }
    #input_field input {
        width: 85%;
        height: 25px;
    }
    #input_field_button .grids_2_button {
        height: 25px;
        margin: 0;
        width: 15%;
        padding: 0px;
    }
    .left_bar {
        padding: 15px;
    }
    .inner_boxes {
        width: 90%;
    }
    .quick_start_heading {
        font-size: 18px;
        font-weight: bold;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .marginfixed {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .view_map_button .grids_2_button {
        height: 30px;
        margin-bottom: 20px;
        margin-top: 20px;
        line-height:30px;
    }
}
@media only screen and (min-width : 80px) and (max-width : 480px) {
    #feedback_area.active{
        width:100%;
        padding:15px;
        background-color:#fff !important;
    }
    #feedback_area .feedback_body{
        width:100%;
        padding:15px;
    }

    .close_feedback{
        top:15px;
        right:15px;
    }
    .search .panel_right {
        display: block;
        width: 100%;
        float: none;
    }
    /*Device list/ Grid view*/

    #breadcrumb {
        display: none;
    }
    .panel_left{
        float: none !important;
        width: 100% !important;
    }
    #filter.accordion {
        width: 100%;
        height: 45px;
        max-width: 320px;
        background-color: rgba(33, 40, 46, 0.3);
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/filter.png);
        background-repeat: no-repeat;
        background-position: 94% center;
        position: relative;
        display: block;
        margin: 0 auto 40px;
        z-index:999;
        cursor:pointer;
    }
    /*#filter.active {
            background-color: #365fa8;
    }
    */


    #filter .sidenav_links.active {
        background-image: none;
    }
    #filter.accordion:after {

        content: "Filter By";
        display: block;
        color: #ffffff;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        padding-left: 6%;
        cursor:pointer;
    }
    #filter .side_navigation {
        width: 100%;
        position: absolute;
        top: 45px;
        display: none;
    }
    #filter .sidenav_links:not(:first-child) {
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        line-height: 45px;
    }
    .list_grid_toggle_button_panel {
        display: none;
    }
    .content_section.device_list_grid_section .panel_right {
        width: 100%;
    }
    .device_list_grid_section #device_grid_view .device_three_grids_view {
        margin: 20px auto;
        width: 100%;
        float:none;
    }
    .device_list_grid_section #device_grid_view.result_block .device_three_grids_view{
        width: 70%;
        float:left;
    }

    .panel_right #device_grid_view .device_title .device_name{
        white-space:normal;
        max-height:56px;
        overflow:hidden;
    }
    .devices #device_grid_view .device_three_grids_view:nth-child(3n+2) {
        margin:20px 0px;
        display: inline-block;
        width: 100%;
    }

    .devices #device_grid_view .device_three_grids_view:nth-child(3n+2){
        margin:20px 0px;
        display: inline-block;
        width: 100%;
    }

    .search_text {
        padding: 10px 0;
        font-size: 18px;
        text-align: left;
        margin-top: 15px;
    }
    .content_section {
        margin: 15px 0 !important;
    }
    .search_head_container .viewmore_btn {
        display: none;
    }
    .search_head_container {
        border-top: 1px solid rgba(0, 0, 0, 0.3);
    }
    .result_block {
        width: 85%;
        margin: 20px auto;
    }
    #newslist .result_block{
        width:100%;
    }

    .search_heading{
        width:200px;
        width: -webkit-calc(100% - 100px);
        width: -moz-calc(100% - 100px);
        width: calc(100% - 100px);
    }
    .search_heading h2 {
        font-size: 21px;
        padding-left: 10px;
        background-position: right center;
        background-repeat: no-repeat;
    }
    .search_head_container.active h2 {
        background-image: url(https://www.telenor.com.pk/skin/frontend/telenor/default/images/common/arrow_a_down_black.png);
    }

    /*contact us*/
    .float_left{

        float: none;
        width: 100%;
    }
    #contact_info.panel_left{
        display: block !important;
        width:100%;
    }
    .panel_right{
        margin-top: 56px;
        width: 100%;
    }

    .whydjuice .heading{
        margin-left:0px;
    }

    .heading{
        margin-top: 31px;
        margin-left:20px;
    }

    .heading h2{
        padding-left:0px;
    }
    /*.reset-btn{
     margin-left:15px;
     padding: 11px 26px;
    }*/
    .reset-btn {
        margin-left: 0px;
        margin-top: 10px;
    }
    .contactus_input_field{
        width: 90%;
        margin:  0 auto 40px;
        height: auto;
        min-height: 80px;
        margin-bottom: 20px;
    }
    .field_text {
        width: 100%;
    }
    #cap_refresh_btn{
        float: left;
        width:  107px;
    }
    .reponsive_margin{
        margin-top: 60px;

    }

    #contactus_form input ,#contactus_form textarea{
        /*width: 100%;*/
        /*margin-left: 1px;
        margin-right: 1px;*/


    }
    .input_width{
        width: 100%;
    }
    .area {
        width: 100%;
    }
    .filter_location .input_dropdown{
        width: 86%;
    }
    .filter_location_sec .input_dropdown{
        width: 86%;
    }
    .contactus_form  .filter_location {
        width: 100%;
    }
    .contactus_form  .filter_location_sec {
        width: 100%;
    }
    .clear_div{
        width:100%; display:block; clear:both; height:0px;
    }
    .requierd_div {
        margin-right: 14px;
    }
    /*contact us*/
    .left_wrapper {
        width: 87%;
        margin: 0 auto;
    }

    .field_input .cnic{
        width:100%;
    }

    .e_desc {
        font-size: 15px;
        line-height: 22px;
    }

    .eh_desc {
        font-size: 18px;
        line-height: 22px;
    }
    
    .container{
        width:100%;
        padding-left:10px;
        padding-right:10px;
        max-width:100%;
        min-width:320px;
    }
    
    .grids_2_back h1{
        font-size:24px;
    }
    .store h2{
        font-size:18px;
    }
    .store p{
        font-size:14px;
        line-height:18px;
    }
    
    .support p{
        font-size:14px;
    }

}
@media only screen and (min-width : 993px) {
    .item_topmenu > a, .menuitem > a{
        font-size: 14px;
        padding: 0 18px;
    }
    .djuice .item_topmenu > a{
        color: white;
        padding: 0 18px;
    }
    .djuice #serchField{
        background-color:  transparent;
    }
    .djuice .item_submenu > a{
        padding: 0 18px;
    }
    .menuitem{
        padding: 0;
    }
    .djuice .submenu .active > a{
        /*background-image: none;*/
    }
}

@media only screen and (min-width : 641px) and (max-width: 768px){
    .search_heading h2{
        font-size:22px;
    }
}

@media only screen and (min-width : 641px) and (max-width : 960px){
    .content_section.col2_right .panel_left{
        width:95%;
    }
}
@media only screen and (min-width:80px) and (max-width:960px){
    .international_dd_content .panel_left{
        width:100% !important;
    }
}

@media only screen and (min-width:640px) and (max-width:960px){
    #main_wrapper{
        background-size: auto 275px;
    }
    #main_wrapper.home_bg_large,#main_wrapper.register{
        background-size:auto;
    }
    .topspacing{
        padding-top:130px !important;
    }
}