html {scroll-behavior: smooth}
/* --------------------------------------
   Body 
	 disable code:
 -webkit-user-select: none;
        -webkit-touch-callout: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
   -------------------------------------- */
 @font-face {
                font-family: "tan-nimbus";
                src: url('../fonts/tan-nimbus.woff') format('woff'),
        url('../fonts/tan-nimbus.woff2') format('woff2'),
        url('../fonts/tan-nimbus.otf') format('truetype');

                font-weight: normal;
                font-style: normal;
                font-display: swap;
            }

.row {margin-left: 0; margin-right: 0;}

body, html { 
	overflow-x:hidden !important; 
}

a, a:hover {color: inherit;}

a[href^=tel] { 
	color: inherit; 
	text-decoration: none; } 

body {  
	
		font-family: "Verdana", sans-serif;
	font-weight: normal;
	
	color: #333; background: rgb(2,48,109);
background: #fff; 	
	font-size: 18px; 
	overflow-x: hidden; 
}

h1 {
	font-size: 25px; 
			font-family: "Verdana", sans-serif;
	color:#273a67;  font-weight: 900
}

h2, h3, h4, h5, h6 { 	font-size: 25px;  font-weight: 900;
			font-family: "Verdana", sans-serif;

	 color:#273a67;

}


a{ 
	transition: all 0.2s ease-in-out 0s;}
 a:hover { 
 text-decoration: underline;
	transition: all 0.2s ease-in-out 0s;
}

p {
		font-family: "Verdana", sans-serif;
	text-shadow:none;
	
}

div.container {	
	position:relative;}

.floatLeft { float:left}
.floatright { float:right}
.aokan_nopadding{padding:0!important}
.aokan_nomargin{margin:0!important}


/* --------------------------------------
   header padding and background
   -------------------------------------- */
.aokan-padding_around, .aokan-padding_around3 {
	padding: 0vh 9vw;
}
#aokan-main_heading_bg {
	 background: #cbd7ef;

}



/* --------------------------------------
   logo and phone header
   -------------------------------------- */
.nopaddingtop{padding-top: 0 !important; margin-top: 0 !important}
.aokan-logo h1{ font-weight: normal !important;
	color:#4a4ca0;  
	font-family: "tan-nimbus", "Verdana Black", "sans-serif"; 
	margin: 10px 0 5px 0; }
.bluetext {color: #623fff !important}
.aokan-logo a:hover{ text-decoration: none;
webkit-animation:fade-in 0.5s ease-in; 
        animation: fade-in  0.5s ease-in;
        -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;}
.aokan-logo  p{color:#222; font-weight: bold}
.aokan-logo {margin-bottom: 10px;}
p.aokan_phoneheader a{ text-transform: uppercase;
	color: #333; font-size: 20px;  font-weight: bold;
	text-align:right; }
.aokan_phoneheader a:hover{ 
webkit-animation:fade-in 0.5s ease-in; 
        animation: fade-in  0.5s ease-in;
        -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	color: #273a67; text-decoration: none;
}
p.aokan_phoneheader{margin: 0}
.aokan_phoneheader {color:#666; text-transform: uppercase}
.aokan_cc p{font-size: 12px; color:rgba(255, 255, 255, 0.5);  margin: 0; padding: 0; }
.aokan_cc1 {width: 220px; height: auto; margin-bottom: 10px; margin-left: 40px}

.aokan_bgheader {background-color:#ffffff;}
.imgside1{float:left; margin-right: 5px; margin-top: 5px}

/* --------------------------------------
   Navigation
   -------------------------------------- */
.aokan_noborder-right{border-right: none !important}
.navbar-inverse{ border-top:none;
	 	transition: all 0.2s ease-in-out 0s; color: #cbd7ef;	
			font-family: "Verdana", sans-serif;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {   padding:20px 35px !important; background-color:#4a4ca0; background-image: url("../images/anoka-garage-door-nav-icon.png"); background-repeat: no-repeat; background-position: center bottom;font-weight: 900;
  text-shadow:none;  }

	
.navbar-inverse .navbar-nav > li > a{
		 		font-family: "Verdana", sans-serif;
	 padding:20px 35px; text-shadow:none;
opacity: 1;  font-weight: bold;
	 font-size:18px; 
	 color: #3b414f;   transition: all 0.3s ease-out;
}

.noborderright{border-right:none !important}


.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {color:#111;     opacity: 0.9;


webkit-animation:fade-in 1s ease-in; 
        animation: fade-in 1s ease-in;
        -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}


.navbar { 
	margin-bottom:0; }
	
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;}

.navbar .navbar-collapse {
  text-align: center;}
/* --------------------------------------
schema
   -------------------------------------- */

#aokan-box_schemacss {	 color:#f4f4f4; }
#aokan-box_schemacss a{color:#fff;} 			  
#aokan-box_schemacss h2{	color:#f4f4f4 ;}	
.aokan-box_schema_add_map div {	display: inline;}

	
/* --------------------------------------
   (white)
   -------------------------------------- */

.divider-default {
  background: linear-gradient(to right, #cbd7ef 50%, #ffffff 120%);
}
 
.divider {
  display: inline-block;
  border: 0;
  font-size: 0;
  line-height: 0;
  height: 5px; border-radius: 30px;
  max-width: 100px;
  width: 100%; margin-bottom: 20px
}

.aokan-content-text h1, .aokan-content-text h2, .aokan-content-text h3, .aokan-content-text h4, .aokan-content-text h5, .aokan-content-text h6{ color:#4a4ca0; font-weight: bold }


.aokan-content-textimg img{box-shadow: 77px 71px 0px -22px rgba(0,0,0,0.75);
-webkit-box-shadow: 77px 71px 0px -22px rgba(0,0,0,0.75);
-moz-box-shadow: 77px 71px 0px -22px rgba(0,0,0,0.75); margin-bottom: 40px}
.aokan-content-textimg {float: right}
.aokan-white { margin-top: 20px; margin-bottom: 20px; }

.aokan-btn a{ 
		font-family: "Verdana", sans-serif;
color: #fff !important; border-radius: 10px;
background: linear-gradient(135deg,  #4a4ca0 0%,#273a67 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

padding: 15px 30px;  font-weight: 900;

display: inline-block; 
cursor: pointer; text-align: center; margin-top: 10px; margin-bottom: 10px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
	
}

.aokan-btn a:hover{ text-decoration: none !important;
	
webkit-animation:fade-in 0.5s ease-in; 
        animation: fade-in  0.5s ease-in;
        -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	background: #273a67 !important;}

@keyframes fade-in {
			
		0% {
			opacity:0;
		}
		100% {
			opacity:1;
		}
	}

.aokan-white a:hover{color:#273a67; text-decoration: underline}
.aokan-white a{color:#000;}
.aokan-white  {padding-top: 40px; padding-bottom: 40px; }
.aokan-white p, .aokan-white ul, .aokan-white li{color:#222;}
.aokan-white ul{ margin-left: 20px; }
.aokan-white li {color:#222; list-style:square;}
.aokan-white ul, .aokan-white li{color:#222}

/* --------------------------------------
   (Dark_section)
   -------------------------------------- */

.aokan-dark  h1, .aokan-dark h2, .aokan-dark h3, .aokan-dark h4, .aokan-dark h5, .aokan-dark h6{color:#4a4ca0; }
.aokannopaddtop{margin-top: 0 !important;}

.aokan-dark { margin-top: 40px; margin-bottom: 40px; padding-top: 40px; padding-bottom: 40px; background: linear-gradient(to right,  #fafafa 42%,#ffffff 42%,#ffffff 42%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.aokan-dark img { margin-top:40px; margin-bottom: 40px;border-radius: 5px;}

.aokan-dark a:hover { 
	text-decoration: underline; }.aokan-dark p, .aokan-dark ul, .aokan-dark li{color:#222}
.aokan-dark a{color:#4a4ca0	}
.aokan-dark p{color:#222;}
.aokan-dark ul, .aokan-dark li{color:#222}
.aokan-dark ul{ margin-left: 20px;}

.aokan-dark li{list-style:square; }
.boxinsideimg{ margin-left: -50px;}
.boxinside {background: #eeeeee; padding: 50px; margin-top: 20px; margin-bottom: 20px }

.circle_shape_2 {

  background:#273a67		;

  position: absolute;
   right: 30px;
  top: 50px;
  width: 20px;
  height: 20px;
  -webkit-animation: circleAnimation 7s linear infinite;
  animation: circleAnimation 7s linear infinite;
z-index: -1;}

.circle_shape_1 {
  background: #273a67	;
  position: absolute;
  right: 40px;
  top: 110px;
  width: 50px;
  height:50px;
  -webkit-animation: circleAnimation 5s linear infinite;
  animation: circleAnimation 5s linear infinite;
  z-index: -1;
}
.footerservice1{text-align: center !important}
@-webkit-keyframes circleAnimation {
  0%, 100% {
    
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    transform: translate3d(0, 0, 0) rotateZ(0.01deg);
  }
  34% {
  
    -webkit-transform: translate3d(0, 10px, 0) rotateZ(0.01deg);
    transform: translate3d(0, 10px, 0) rotateZ(0.01deg);
  }
  50% {
    -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
    transform: translate3d(0, 0, 0) rotateZ(0.01deg);
  }
  67% {
   
    -webkit-transform: translate3d(0, -5px, 0) rotateZ(0.01deg);
    transform: translate3d(0, -5px, 0) rotateZ(0.01deg);
  }
}
/* --------------------------------------
   Section banner services
   -------------------------------------- */
#aokan-bannertopservice {padding:40px;
background: linear-gradient(to bottom,  #f4f4f4 0%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */		}
.bgbannerboxinside {border-radius: 10px; background-color:#fff; background-image: url("../images/anoka-garage-door-repair-bannerbgtop.jpg"); background-position: right top; background-repeat: no-repeat; background-size:cover}
.aokan-bannertopservicePadding{padding: 5px; margin-top: 10px; margin-bottom: 40px; }
.boxservices{ margin-left: 35%; margin-top: 20px; padding: 10px}

.aokan-boxbgfooter h5{ color: #273a67; }
.nopadding-bottom{padding-bottom: 0 !important}
		
p.bannertxtstyle { color:#fff;
    font-weight: bold;
    -webkit-text-stroke: 0.5px #000;
    font-size: 20px;
    text-stroke: 0.5px #000;
	text-shadow: 2px 2px 2px #000;}
.aokan-bannertopserviceboxtext {padding: 40px 60px; width: 40%; background: rgba(255, 255, 255, 0.6); -webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 30px;
border-top-left-radius: 10px;
border-bottom-right-radius: 30px; backdrop-filter: blur(20px);}


/* --------------------------------------
   Section footer services
   -------------------------------------- */
.aokan-bannertopservice-servicebg { background-image: url("../images/anoka-garage-door-repair-bgfooter.jpg"); background-position: bottom left; background-size:  100% auto;
	 padding: 3vh 1vw;
 text-align: center;}
.aokan-bannertopservice-servicebg h5{color:#273a67; text-shadow: 2px 2px 2px #fff}
.aokan-bannertopservice-servicebg h6{color:#fff; background: #273a67; padding: 10px}
.aokan-bannertopservice-servicebg a:hover{color:#e4681c; text-decoration: none;  }
.aokan-bannertopservice-servicebg p{font-size: 16px; color: #fff;}

.aokan-bannertopservice-service_seperator{transition: filter 0.5s ease-in-out;}
.bgfooterservice{background:rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px)}
.bgfooterservice p{color:#222; padding:10px 20px}
/* --------------------------------------
   Section footer links
   -------------------------------------- */
.contactfooter {padding: 40px; text-align: center; color:#fff; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
background: linear-gradient(135deg,  #4a4ca0 0%,#273a67 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}.contactfooter h5{color:#fff}

.aokan-copyright {text-align: center;  color:#fff;

background:#4a4ca0;
 padding: 30px 10px;
}


/* --------------------------------------
   Cards
   -------------------------------------- */

.item{
   background: rgb(24, 46, 89);
background: -moz-radial-gradient(circle, rgba(24, 46, 89, 1) 0%, rgba(41, 59, 106,1) 100%);
background: -webkit-radial-gradient(circle, rgba(24, 46, 89, 1) 0%, rgba(41, 59, 106,1) 100%);
background: radial-gradient(circle, rgba(24, 46, 89, 1) 0%, rgba(41, 59, 106,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#273a67",endColorstr="#333333",GradientType=1); 
  height:240px;
  position:relative;
  padding:30px;
  color:#fff; 
}
.card {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  z-index:10;
  width:100%;
  height:100%;
  overflow:hidden;
 
  -webkit-transition: all 550ms ease-in-out; ;
  -moz-transition: all 550ms ease-in-out; ;
  -ms-transition: all 550ms ease-in-out; ;
  -o-transition: all 550ms ease-in-out; ;
  transition: all 550ms ease-in-out; ;
  clip-path: circle(100.0% at 50% 50%);
}

.card img {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  z-index:10;
  height:100%;
  width:auto;
  max-width:9999px;
  overflow:hidden;

  -webkit-transition: all 550ms ease-in-out;
  -moz-transition: all 550ms ease-in-out; 
  -ms-transition: all 550ms ease-in-out; 
  -o-transition: all 550ms ease-in-out; 
  transition: all 550ms ease-in-out; 
  clip-path: circle(100.0% at 50% 50%);
}
.item:hover .card  img{
  clip-path: circle(0.0% at 50% 50%);
}
.footerservice1 {padding:40px 20px;box-shadow: rgba(0, 0, 0, 0.6) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.9) 0px 18px 36px -18px inset;  background: rgb(73, 76, 158);
background: linear-gradient(97deg, rgba(73, 76, 158,1) 0%, rgba(41, 59, 106,1) 100%);  }
.footerservice1 p{font-weight: 900; text-shadow: 2px 2px 2px #333; text-align: center}
.footerservice1 a{text-decoration: none !important}
.footerservice1 h6{color:#fff; text-shadow: 1px 1px 1px #000}
.circle {
  background:#4a4ca0;
  max-width:100%;
  height:100%;
  position:absolute;
  z-index:2;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
  -webkit-transition: all 650ms ease-in-out;
  -moz-transition: all 650ms ease-in-out;
  -ms-transition:all 650ms ease-in-out;
  -o-transition:all 650ms ease-in-out;
  transition:all 650ms ease-in-out;
  clip-path: circle(100.0% at 50% 50%);
}
.circle2 {
  background:#bdd4fc;
  -webkit-transition: all 750ms ease-in-out;
  -moz-transition: all 750ms ease-in-out;
  -ms-transition: all 750ms ease-in-out;
  -o-transition: all 750ms ease-in-out;
  transition:all 750ms ease-in-out;
  clip-path: circle(100.0% at 50% 50%);
}
.item:hover .card  img {
  clip-path: circle(0.0% at 50% 50%);
}
.item:hover .card  .circle {
  clip-path: circle(0.0% at 75% 60%);
}
.item:hover .card  .circle2 {
  clip-path: circle(0.0% at 35% 20%);
}
.imgcard {
  max-width:100%;
  position:absolute;
  z-index:3;
  top:0;
  right:0;
  bottom:0;
  left:0;
  margin:auto;
}
.content {
  position:relative;
  z-index:0;
  display:flex;
  align-items:center;
  height:100%;
}


/* --------------------------------------
banner card 
-------------------------------------- */

.box-item {
  position: relative;
  -webkit-backface-visibility: hidden;
  width:394px;

  max-width: 100%;
}

.flip-box {
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  perspective: 1000px;
  -webkit-perspective: 1000px;
}

.flip-box-front,
.flip-box-back {
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  min-height: 200px;
  -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-box-front {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-front {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-back {
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -webkit-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.flip-box .inner {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 20px;
  outline: 1px solid transparent;
  -webkit-perspective: inherit;
  perspective: inherit;
  z-index: 2;
  
  transform: translateY(-50%) translateZ(60px) scale(.94);
  -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
  -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
  top: 50%;
}
.flip-box-header {color:#fff}
.color-white p{color: #fff}

.flip-box-img {
  margin-top: 15px;
}

.flip-box-button{
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
  padding: 5px 10px;
}
.flip-box-button a:hover{text-decoration: none !important}
.flip-box-button:hover{text-decoration: none !important;	
webkit-animation:fade-in 0.5s ease-in;      border: 1px solid #fff;
        animation: fade-in  0.5s ease-in;
        -webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;}
.openerservice{background-image: url("../images/anoka-garage-door-repair-opener-repair-services.jpg"); background-size: cover}
.repairservice{background-image: url("../images/anoka-garage-door-repair-installation-and-repair-services.jpg"); background-size: cover}
.springservice{background-image: url("../images/anoka-garage-door-repair-spring-repair-services.jpg"); background-size: cover}

.grayscalehover{filter: grayscale(40%)}
/* --------------------------------------
BackToTop button css 
-------------------------------------- */
#scrolltop {
	position:fixed;
	right:20px; border-radius: 20%;
	bottom:10px;
	cursor:pointer; border:2px solid rgba(255, 255, 255, 0.3);
	width:40px;
	height:40px;
	background-color:rgba(0, 0, 0, 0.7);
	text-indent:-9999px;
	display:none;

}
	
#scrolltop span {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-8px;
	margin-top:-12px;
	height:0;
	width:0;
	border:8px solid transparent;
	border-bottom-color:#ffffff}
	
#scrolltop:hover {
	background-color:rgba(0, 0, 0, 0.9);
	
	opacity:1;filter:"alpha(opacity=100)";
	-ms-filter:"alpha(opacity=100)";}



/* Small screen laptop and pc 150% */
@media (max-width: 1350px) {
	.box-item h7 {font-size: 22px}
	.aokan-padding_around, .aokan-padding_around3 {padding: 0vh 7vw;}
	h2, h3, h4, h5, h6 {font-size: 20px;}

		.aokan-card-content {min-height: 150px;}
	.aokan-boxbg {margin-top: -80px}
	.aokan_phoneheaderpadd, .aokan-quick, .aokan_cc {min-height: inherit; font-size: 14px}
	p.aokan_phoneheader a {font-size: 20px}
	.aokan_cc1 {width: 100px;}
	.aokan-phone a{font-size: 18px; padding: 10px}
	.carousel-indicators {
 top: 5px;  left: 91vw;}
	.aokan-boxbg {margin-top: -120px; margin-right: inherit}
	.aokan-content-text {margin-left: -30px;}
		.aokan-logo.sticky a{margin-bottom: 3px; }
		.aokan-logo a{margin-bottom: 3px; }
	.aokan-logo h1 {width: auto}
	.aokan-bannertopserviceboxtext {width: 60%}
	.color-white p {font-size: 12px}
	.flip-box-button {font-size: 16px}
}
@media (min-width: 1300px) {
	.aokan-phone a{font-size: 18px;}	
	
}

/* Small screen laptop and pc 170% */
@media (max-width: 1150px) {
.aokan-bannertopserviceboxtext {width:auto}
	.boxservices {margin-left: auto}
.aokan-content-text {margin-left: -50px;}
	.aokan-padding_around {padding: 0vh 2vw;}
	.item{height: 190px}
	.footerservice1 p {font-size: 12px}
.navbar-inverse{
 background: #cbd7ef;

          border-bottom: none;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;}


.navbar-inverse.sticky {top:0;
            position: fixed;
	font-size:14px;
            width: 100%;          
		background:#cbd7ef!important;
            text-align: left;
           			opacity:0.97 !important;	 }		
	
.navbar-inverse.sticky .navbar-nav > li > a{font-size:14px; 	
 padding:20px 10px; }
	
.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 
	color:#fff;  padding:20px 5px;			 	font-family: "Verdana", sans-serif;text-shadow:none;  }
		
	.navbar-inverse.sticky .navbar-nav{margin: 5px;}	


.navbar-inverse .navbar-nav > li > a{
		 	 	font-family: "Verdana", sans-serif;
	font-size:12px; }

		.aokan-phone a{font-size: 16px;}
	.aokan-logo  p{font-size: 9px;  }


	.aokan-card-image {

		height: 170px;}

		.aokan-logo.sticky a{margin-bottom: 3px;  }
	.aokan-card-content {min-height: 250px; }
	
	
}


@media (max-width: 1123px) {.aokan-content-text {margin-left: -40px;}
	.aokan-banner-padd{padding-right: 40vw;}
	.aokan-bannertopservicePadding {padding: 5px}
	.aokan-bannertopserviceCopyright {margin-top: 0}
	.aokan_phoneheader a{font-size: 16px !important}
	.imgside1 {width: 30px}
	.aokan_phoneheader, .aokan-logo h1{margin-bottom: 0;}
	.aokan-logo {
  margin-bottom: 5px;}
	.aokan-logo h1 {margin-top: 7px}
	
	.aokan-white-img-side { width: 300px; height: auto; }
.aokan-padding_around {padding: 0vh 2vw;}
	.aokan-logo a{font-size: 22px}
.aokan-phone_footer {font-size: 25px}
.navbar-inverse.sticky .navbar-nav > li > a{font-size: 14px;}

	.aokan-logo.sticky h1{font-size: 20px;}
	.aokan-bannertopservice-servicebg { background-image: url("../images/anoka-garage-door-repair-bgfooter_1200.jpg");background-size: cover}

}
@media (max-width:1033px) {
		.aokan_phoneheaderpadd, .aokan-quick, .aokan_cc {margin: 5px; min-height: inherit; border: none !important}
	.aokan-phone_top p{font-size: 12px;}
.aokan-white-img-side { width: 250px; height: auto; }
			.aokan-contact_info_text {padding: 10px 20px} 	
	.aokan-contact_info_text a{font-size: 20px;}
	.navbar-inverse.sticky .navbar-nav > li > a{font-size: 11px;}
.box-item h7 {font-size:22px}



	.aokan_phoneheaderpadd, .aokan-quick, .aokan_cc {font-size: 9px;}
	.aokan_cc p {font-size: 8px}
	
	.aokan-logo h1{font-size: 20px;}

	.aokan-bannertopservice-servicebg {padding: 20px 10px;}
	.aokan-padding_around3 {padding: 0vh 7vw;}
	.aokan-logo h1 {margin-top: 5px; margin-bottom: 5px}
	.aokan_seo {margin: 5px} .aokan-bannertopservice-servicebg { background-image: url("../images/anoka-garage-door-repair-bgfooter_1000.jpg");background-size: cover}}

/* 200% size SM*/

@media (max-width:980px) {	
	.aokan-bannertopservice-servicebg { background-image: url("../images/anoka-garage-door-repair-bgfooter_1000.jpg");background-size: cover }
	.aokan-content-textimg img{box-shadow: 37px 31px 0px -22px rgba(0,0,0,0.75);
-webkit-box-shadow: 37px 31px 0px -22px rgba(0,0,0,0.75);
-moz-box-shadow: 37px 31px 0px -22px rgba(0,0,0,0.75); }
	.aokan-logo a{font-size: 18px}
	.sticky.aokan-logo a {font-size: 16px}
	.circle_shape_2 {right: 0}
		.circle_shape_1 {right: 5px}
	.aokan-mobiletext {font-size: 8px}
	.item{height: 310px; margin-bottom: 20px}
	.aokan_phoneheader a {font-size: 8px; line-height: normal}
/*   Navigation */	
.navbar-inverse .navbar-nav > li > a{
	 font-size:12px;padding: 20px 10px; }

	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {padding: 10px;}
	
	.navbar-inverse.sticky .navbar-nav > li > a{font-size: 12px;}
	
.aokan-cc img{display:inline-block; width: 90px; height: auto}		
	
		.aokan-phone a {font-size: 14px;}

#aokan-bannertopservice h5 {font-size: 20px;}

	.aokan-whitebox {padding: 20px;border-radius:0px 0px 20px 20px;} 
	.aokan-white {margin-top: 10px;}



	.aokan-dark {padding:30px 0;}
	.aokan-boxbgfooter h5 { padding: 5px 15px;}
	.aokan-card-image {height: 290px}

	.aokan-bannertopservice-servicebg {padding: 20px 10px;}

	.aokan-Darktxtarea {padding: 40px}
	.aokan-bannertopserviceboxtext{padding: 20px}
}

/* Landscape phone to portrait tablet 260% */
@media (max-width: 767px) {.aokan-card-content {min-height: inherit}
	  .paddbanner{padding-right: 5px !important; padding-left: 5px !important}
	.aokan-dark > .container{width: auto}
	#aokan-bannertopservice h5 {width: auto}
	
		.bgbannerboxinside { background-image: none; background-color: #cbd7ef }
	.aokan-bannertopservice-servicebg  { background-image: none; background-color: #EEEEEE }
	.box-item {
		margin-bottom: 10px;}
	
	
	.aokan-darkbox { border-left: 10px solid #273a67;}
	.aokan-bannertopservicePadding {box-shadow: none !important}

	#aokan-bannertopservice h5 {padding-left: 20px; padding-right: 20px}
	.aokan-phonefooter{width: inherit; }
	.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover {color: #f9d3bd}
	
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: rgba(0, 0, 0, 0.1); }
	.pull-right{float: inherit !important }

.navbar-inverse{ background: #f4f4f4;

		height:auto;
	opacity:0.9;}

		
.navbar-inverse .navbar-nav > li > a{
	font-size:18px; background: none; 
	font-weight:bold; border-right: none !important;
	padding:5px 20px !important;}
	
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse 
.navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > 							
.active > a:hover {
	border:none;
	padding:5px 20px}

.navbar-nav{
	float: inherit!important;
	clear:left;
	margin:0px;}	

.navbar-collapse{
	padding-bottom:5px;}	

.navbar-inverse.sticky .navbar-nav > li > a{
	font-size:18px;
	font-weight:bold;
	padding:5px 30px !important; }
	
.navbar-inverse.sticky .navbar-nav > .active > a, 
.navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse.sticky .navbar-nav > 
.active > a:hover {	font-size:16px;
	border:none;
	padding:5px 30px}
	
.navbar-inverse.sticky{
	height:auto; 
	opacity:0.9 !important; }
	
.navbar-collapse.sticky{
	padding-bottom:5px;}	
			

	/* navbar-toggle */
	.navbar-inverse .navbar-toggle { 

		border: none;
background: none;}	
	.navbar-inverse .navbar-toggle:focus{background:#fff;}
	.navbar-inverse .navbar-toggle:hover { color: #fff; background:#fafafa }

	.aokan-bannertopservicebox {
    padding: 0px;
}
	h1, h2, h3, h4, h5, h6 {font-size: 20px}
	.aokan-boxbgfooter h5 {width:inherit; padding: 5px 10px; margin-top: 5px; margin-bottom: 5px; border-radius: 0;}
		.aokan-card {min-height: inherit;}
.aokan-boxbgfooter{ margin-bottom: 5px; margin-top: 5px;}
	.aokan-bannertopservicePadding{ margin-bottom: 5px; margin-top: 5px; padding: 5px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

	.aokan-banner-area, .aokan-banner-padd {padding:0px; margin: 0;}

	.aokan_logo_small_screen.sticky a{color:#4a4ca0; text-shadow: none;
font-size: 12px;
	font-family: "tan-nimbus", "Verdana Black", "sans-serif"; 
font-weight: bold; 
           
	}
	.aokan-service-side-img {width: 300px}
	
	
	.aokan-banner-areaimg{
		background-image: none}


	.navbar-inverse.sticky { background: #f4f4f4 !important;;}
	

	.aokan_logo_small_screen img{float: left; margin-left: 5px; width: 20px}
	.aokan_logo_small_screen a{ 
	color:#4a4ca0; text-shadow: none;
	font-family: "tan-nimbus", "Verdana Black", "sans-serif"; 
 margin-left: 10px;
           
	}
	.aokan-estimainpage.col-xs-12 {padding-left: 0px !important; padding-right: 0px!important; margin-left: 0px!important; margin-right: 0px!important; }
	.aokan-white ul, .aokan-white li{    margin-left: 0px;}
	
	.aokan-Dark_bg-box {
    background: #fff;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}
	.aokan-Dark_bg-box li, aokan-Dark_bg-box ul{  margin-left: 0px;}
	.aokan-estimainpage li:nth-child(odd){ margin: 5px 5px 10px 5px !important; padding: 10px !important}
.aokan-estimainpage li:nth-child(even){margin: 5px 5px 10px 5px  !important; padding: 10px !important}
	
	.aokan-btn a{font-size: 18px}
	.aokan-sub-page {padding-top: 5px; padding-bottom: 5px}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #222;
}
	.aokan-bannertopservice-servicebg h6 { width: inherit; margin: 0px}
	.aokan-Dark_bg-img, .aokan-imgpostion, 	.aokan-service-side-img{width: 200px;}

	img.aokan-imgpostion {padding: inherit !important}
	.aokan-paddingbottomsideimg{padding-bottom: 0px}

		.aokan-boxbg {margin-top: inherit;}
	.aokan-white-img-side{float: inherit; margin: 5px auto; width:250px}
	.aokan-white h1, .aokan-white h2, .aokan-white h3, .aokan-white h4, .aokan-white h5 {width: inherit}
	.aokan-dark h1, .aokan-dark h2, .aokan-dark h3, .aokan-dark h4, .aokan-dark h5, .aokan-dark h6  {width: inherit}
	.aokan-bannertopserviceBoxtop {width: inherit}
	 .aokan-box-service{min-height: inherit}
.aokan-white h1, .aokan-white h2, .aokan-white h3, .aokan-white h4, .aokan-white h5 {margin-top: 5px; margin-bottom: 5px;}
	.aokan-whitebox {margin: 5px; padding: 10px 20px;}
	.aokan-box-service p{font-size: 12px;}
	
	.aokan-contact-footerbg h5, .aokan-contact-footerbg h6{font-size: 20px;}
	.aokan-contact-footerbg h5, .aokan-contact-footerbg h6 {font-size: 18px;}
	.read-more-btn:hover, .read-more-btn{font-size: 12px}
	.aokan-banner-area {padding: 5px;}
		.aokan-logo_small_screen a{color: #fff}
.aokan-logo_small_screen{font-size: 22px;    	font-family: "Verdana", sans-serif;
 margin: 5px; text-transform: uppercase;}
	.aokan-bannertopservice-servicebg {border-top:0}
	.aokan-dark ul {margin-left:-20px}
		.aokan-bg_phone_tablet_area {text-align: center; padding: 1vh 2vw; background: #fff; color:#111; box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;font-size: 16px }
	.aokan-bannertopserviceboxtext {border-radius: 0}
	.aokan-bg_phone_tablet_area a{color:#111; font-size: 18px}
	.aokan-bg_phone_tablet_area a:hover{text-decoration: underline; font-size: 18px}
	.aokan-darkbox {margin: 5px; padding: 5px 20px;}
	.aokan-dark{ margin-top: 5px; margin-bottom: 5px; padding: 4vh 1vw;  }
	.aokan-white{ margin-top: 5px; margin-bottom: 5px; padding: 1vh 1vw;  }
	.aokan-dark-textbgline h1, .aokan-dark-textbgline h2, .aokan-dark-textbgline h3, .aokan-dark-textbgline h4, .aokan-dark-textbgline h5, .aokan-dark-dark-textbgline h6 {border-radius: 10px; padding: 5px 10px;}

	.aokan-whitebox{border-radius: 10px; padding: 5px 10px;}
	.aokan-darkbox{border-radius: 10px; padding: 5px 10px;}
	.aokan-contact-footerbg{ padding: 3vh 11vw; margin: 5px}

		.aokan-phone a:hover, .aokan-phone a{font-size: 20px}
	.aokan-phone{display:flex; 
								justify-content:center;	align-items:center; width: 96%}	


	.aokan-Phone_visible_area_bg img{width: 130px; margin: 5px auto}
	.navbar .navbar-collapse {padding-top: 5px; text-align: left; background: #273a67}
	
	.aokan-phone a:hover, .aokan-phone a{font-size: 16px; display: inherit;}
	.aokan-padding_around_services_footer {
    padding: 1vh 2vw;
}
	a, a:hover {font-size: 18px}
	.aokan-2, #aokan-bannertopservice, .aokan-darkgray,.aokan-white,.aokan-headerbanner_services_action_bg
	{padding: 10px 0px;}
		.aokan-headerbanner_services_action h5 {font-size: 18px; }
	.aokan-darkmarginbottom{padding-bottom: 10px !important;}
	
	.content p{font-size: 12px}
	img.aokan-service-side-img {float: none; margin: 10px auto; width: 250px;}
	
	.aokan-dark img {float: none; margin: 10px auto; width: 300px;}
}

/* Portrait & landscape phone */
@media (max-width: 670px) { 	
.aokan-service-side-img {width: 200px}
	.aokan-logo_small_screen a{font-size: 15px;}
	.aokan-bg_phone_tablet_area a{font-size: 18px}
.aokan-box-service p{font-size: 9px;}
		.aokan-Dark_bg-img, .aokan-imgpostion, .aokan-service-side-img{width: 250px; margin: 5px auto}
	
		#aokan-bannertopservice h5 {width: inherit; padding:10px}
			
}

@media (max-width: 420px) {	
		.aokan-darkbox { border-left: none;
-webkit-clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0% 100%);}

		.aokan-dark img, img.aokan-service-side-img {width: 200px;}
		.aokan-phone a:hover, .aokan-phone a{font-size: 16px; display: inline-block}
	
	p, ul, li {font-size: 14px;}
		h1, h2, h3, h4, h5, h6 {font-size: 18px}.aokan-phone a:hover, .aokan-phone a{font-size: 16px; display: inline-block}
	#scrolltop{display: none !important}
	#aokan-bannertopservice h5 {width: inherit; padding:10px}
}

@media (max-width: 360px) {		h1, h2, h3, h4, h5, h6 {font-size: 18px}	
.aokan-Dark_bg-img img, .aokan-imgpostion img, .aokan-service-side-img img{display: none}
	.aokan-bannertopservice-servicebg h6{width: auto; border-radius: 0}
	.aokan-logo_small_screen{font-size: 13px;}	
	.aokan-white-img-side, .aokan-Dark-img-side{display: none}
.aokan-2, #aokan-bannertopservice, .aokan-darkgray,.aokan-white,.aokan-contact,.aokan-headerbanner_services_action_bg
	{padding: 1vh 1vw;} 
.aokan-bannertopservice-services{ background-color: #f4f4f4;}
				.aokan-white_container { margin: 0; padding: 1vh 1vw;}

.aokan-bg_phone_tablet_area a{font-size: 18px}
	.aokan-phone_footer {font-size: 18px; padding: 1vh 1vw;}
	.aokan-boxbg {display: none}
	#aokan-bannertopservice {	background-image: none; background: #273a67}
	#aokan-bannertopservice h5 {width: inherit; padding:10px}
	.aokan-phonefooter {font-size: 20px;}
		
}

@media (max-width: 280px) {    .aokan_logo_small_screen a {font-size: 11px; }	
	.aokan-dark img, img.aokan-service-side-img {display: none;}
	.aokan-headerbanner_services_action {text-align: center}
	#aokan-schema {display: none}
	.aokan-white-img-side img {display: none}
	.aokan-bg_phone_tablet_area a{font-size: 16px}
	.aokan-boxbgfooter {display: none}
	.boxservices{display: none}
}




@media (min-width: 1200px) {	
	.navbar .navbar-nav {margin-top: 5px; margin-bottom: 5px; }
	body {background-size: contain}
	
.navbar-inverse{ background: #cbd7ef;

          border-bottom: none;
            -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;}
.navbar-nav{margin:0;}
.navbar-inverse.sticky {top:0;
            position: fixed;
	font-size:18px;
            width: 100%;          
		background:#cbd7ef!important;
            text-align: left;
           			opacity:0.98 !important;
					 }	
	
	.aokan_bgheader.sticky{background-color: rgba(45, 55, 64, 0.7)}
	
.navbar-inverse.sticky .navbar-nav > li > a{font-size:18px; 	
 padding:20px 15px; background: none;
 }
.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 	  background-color:#4a4ca0;
	color:#fff;  padding:15px; 
			 	font-family: "Verdana", sans-serif;
	text-shadow:none; background-image: url("../images/anoka-garage-door-nav-icon.png"); background-repeat: no-repeat; background-position: center bottom; }
	.navbar-inverse.sticky .navbar-nav{margin: 10px 0;}	

.navbar-inverse .navbar-nav > li > a{
		 	 	font-family: "Verdana", sans-serif;

	 font-size:17px;  }
	.aokan-logo.sticky h1{font-size: 22px;  -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease; }
	

	.aokan_cc1.sticky{width: 170px; height: auto;  -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;}
	.imgside.sticky img{width: 20px; height: auto;  -webkit-transition: all 0.4s ease;
            transition: all 0.4s ease;}
	.bgbannerboxinside { background-image: url("../images/anoka-garage-door-repair-bannerbgtop_1200.jpg");  }
		.aokan-bannertopservice-servicebg { background-image: url("../images/anoka-garage-door-repair-bgfooter_1200.jpg");background-size: cover }
}

@media screen and (min-width: 1600px) and (max-width: 1912px) {
	.navbar-inverse .navbar-nav > li > a{
	 font-size: 18px;  }
		.navbar-inverse.sticky {font-size: 18px;}

	
	.aokan-padding_around {padding: 0vh 17vw;}
	.aokan-logo h1{ font-size: 25px;}
		.aokan-padding_around2{padding: 0vh 17vw;}
#scrolltop {right:10}	
	.aokan-boxbgfooter {padding: 0vh 5vw;}

	.aokan-padding_around3{padding: 0vh 17vw;}

		.bgbannerboxinside { background-image: url("../images/anoka-garage-door-repair-bannerbgtop_1600.jpg");  }
	.aokan-bannertopservice-servicebg { background-image: url("../images/anoka-garage-door-repair-bgfooter_1200.jpg");background-size: cover }
	
	.aokan-bannertopservice-servicebg {padding: 1vh 5vw;}	
}
	
@media screen and (min-width: 1920px) and (max-width: 2000px){ 
	.aokan-dark { padding-top: 30px; padding-bottom: 30px;}
	.aokan-bannertopservice-servicebg { background-image: url("../images/anoka-garage-door-repair-bgfooter.jpg"); }
	
.navbar-inverse .navbar-nav > li > a{
	  font-size: 20px;  }
	
	.aokan-padding_around {padding: 0vh 17vw;}
	.aokan-logo h1{ font-size: 36px;}
		.aokan-padding_around2{padding: 0vh 17vw;}
#scrolltop {right:10}	
	.aokan-boxbgfooter {padding: 1vh 17vw;}

 .aokan-white, .aokan-dark {padding: inherit 0vw;}
	.aokan-padding_around3{padding: 0vh 18vw;}
	
	p.bannertxtstyle {font-weight: bold;-webkit-text-stroke: 0.5px #000;  font-size: 20px;
text-stroke: 0.5px #000; text-shadow: 2px 2px 2px #000}
	
	p.aokan_phoneheader a{
		font-size: 25px; }
	.aokan_phoneheadepadd{padding-top: 20px !important;}
	
	.bgbannerboxinside {border-radius: 10px; background-color:#fff; background-image: url("../images/anoka-garage-door-repair-bannerbgtop.jpg"); background-position: right top; background-repeat: no-repeat;}
		#aokan-bannertopservice {padding: 40px;}
	
}
@media (min-width: 2001px) and (max-width: 2558px) {
	
		.aokan-dark, .aokan-bannertopservicerepairs{padding: inherit 0vw;}
		
.navbar-inverse .navbar-nav > li > a{
	  font-size: 20px;  }
		.carousel-indicators .active {border:none;}
	.aokan-padding_around {padding: 0vh 17vw;}
	.aokan-logo h1{ font-size: 36px;}
		.aokan-padding_around2{padding: 0vh 17vw;}
#scrolltop {right:10}	
	.aokan-boxbgfooter {padding: 0vh 17vw;}
.aokan-hdr-title::after {
	margin-left: -700px; width: 800px}
	

 .aokan-white, .aokan-dark {padding: inherit 0vw;}
	.aokan-padding_around3{padding: 0vh 27vw;}
	


	.aokan_phoneheadepadd {padding-top: 20px; padding-left: 20px;}

	.aokan-bannertopservice-servicebg {padding: 1vh 17vw;}
	
	.bgbannerboxinside {border-radius: 10px; background-color:#fff; background-image: url("../images/anoka-garage-door-repair-bannerbgtop.jpg"); background-position: right top; background-repeat: no-repeat;}
		#aokan-bannertopservice {padding: 2vh 7vw;}
}


@media (min-width: 2560px) and (max-width: 3499px) {
		

		.aokan-dark, .aokan-bannertopservicerepairs{padding: 2vh 12vw!important}
		
	.carousel-indicators .active {border:1px solid rgba(0, 0, 0, 0.2);}
	.aokan-padding_around {padding: 0vh 12vw;}
		.aokan-logo h1{ font-size: 36px;}
		.aokan-padding_around2{padding: 0vh 12vw;}
#scrolltop {right:10vw}	
	.aokan-boxbgfooter {padding: 0vh 17vw;}	

	 .aokan-white, .aokan-dark {padding: 2vh 12vw;}
	.aokan-padding_around3{padding: 0vh 32vw;}
		
.aokan-bannertopservice-servicebg {padding: 2vh 12vw;}
	
	
	.aokan_phoneheadepadd {padding-top: 20px; padding-left: 20px;}
	
	.bgbannerboxinside {border-radius: 10px; background-color:#fff; background-image: url("../images/anoka-garage-door-repair-bannerbgtop.jpg"); background-position: right top; background-repeat: no-repeat;}
		#aokan-bannertopservice {padding: 1vh 18vw;}

}

@media (min-width: 3500px)  and (max-width: 4499px) {
	

		.aokan-dark, .aokan-bannertopservicerepairs{padding: 1vh 23vw!important}
		
	
	
		
	.aokan-padding_around {padding: 0vh 23vw;}
		.aokan-logo h1{ font-size: 36px;}
		.aokan-padding_around2{padding: 0vh 23vw;}
#scrolltop {right:15vw}	
	.aokan-boxbgfooter {padding: 0vh 23vw;}
	
 .aokan-white, .aokan-dark {padding: 1vh 23vw;}
	.aokan-padding_around3{padding: 0vh 34vw;}
		
	

	.aokan_phoneheadepadd {padding-top: 20px; padding-left: 20px;}
	.aokan-bannertopservice-servicebg {padding: 2vh 23vw;}
	
	.bgbannerboxinside {border-radius: 10px; background-color:#fff; background-image: url("../images/anoka-garage-door-repair-bannerbgtop.jpg"); background-position: right top; background-repeat: no-repeat;}
		#aokan-bannertopservice {padding: 2vh 27vw;}
}

@media (min-width: 4500px)  and (max-width: 6399px) {

	
		.aokan-dark, .aokan-bannertopservicerepairs{padding: 1vh 29vw!important}
	
		
	
	.aokan-padding_around {padding: 0vh 29vw;}
	.aokan-logo h1{ font-size: 36px;}
		.aokan-padding_around2{padding: 0vh 32vw;}
#scrolltop {right:15vw}	
	.aokan-boxbgfooter {padding: 0vh 29vw;}

	 .aokan-white, .aokan-dark {padding: 1vh 29vw;}
	.aokan-padding_around3{padding: 0vh 39vw;}


		.aokan-bannertext {padding: 2vh 2vw;}
	.aokan_phoneheadepadd {padding-top: 20px; padding-left: 20px;}

.aokan-bannertopservice-servicebg {padding: 2vh 29vw;}
	
	.bgbannerboxinside {border-radius: 10px; background-color:#fff; background-image: url("../images/anoka-garage-door-repair-bannerbgtop.jpg"); background-position: right top; background-repeat: no-repeat;}
		#aokan-bannertopservice {padding: 2vh 31vw;}
}

@media (min-width: 6400px) {

		.aokan-dark, .aokan-bannertopservicerepairs{padding: 1vh 33vw!important}
	
		.aokan-card-content {min-height: 140px;}
	
	.aokan-padding_around {padding: 0vh 33vw;}
	.aokan-logo h1{ font-size: 36px;}
		.aokan-padding_around2{padding: 0vh 34vw;}
#scrolltop {right:25vw}	
	.aokan-boxbgfooter {padding: 0vh 32vw;}
	.banner {padding: 0vh 33vw;}
	.banner img{-webkit-border-top-right-radius: 70%;
-moz-border-radius-topright: 70%;
border-top-right-radius: 70%;}
	.aokan-card-image {height: 370px}
	 .aokan-white, .aokan-dark {padding: 1vh 33vw;}
	.aokan-padding_around3{padding: 0vh 42vw;}
	
	.carousel-indicators .active {border:1px solid rgba(0, 0, 0, 0.2);}
	.aokan-bannertopservice-servicebg {padding: 2vh 34vw;}
	.aokan_phoneheadepadd {padding-top: 20px; padding-left: 20px;}
	#aokan-bannertopservice {padding: 2vh 36vw;}
	.bgbannerboxinside {border-radius: 10px; background-color:#fff; background-image: url("../images/anoka-garage-door-repair-bannerbgtop.jpg"); background-position: right top; background-repeat: no-repeat;}
	
	}