/* Responsive styles
================================================== */
/* Large Devices, Wide Screens */
@media (min-width: 1200px) {
  /* Dropdown animation */
  .navbar-nav .dropdown-menu,
  .navbar-nav .dropdown.megamenu div.dropdown-menu {
    background: none;
    border: 0;
    box-shadow: none;
    display: block;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
  }
  .navbar-nav .dropdown:hover div.dropdown-menu,
  .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
    opacity: 1;
    visibility: visible;
    color: #777;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .navbar-nav .dropdown-backdrop {
    visibility: hidden;
  }
}
@media (max-width: 1199px)
{
.page-template-template-do #call-to-action {
    background-size: cover;
    
}
.page-template-template-fullwidth #call-to-action {
    background-size: cover;
}
.he-res_left {
    width: 100%;
	margin-bottom:30px;
}
.left-hero {
    padding-top: 20px;
}
.he-res_right {
    width: 100%;
}
#hero-area {
 padding: 30px 0 50px 0;
 }
 #hero-area h1, #hero-area p
 {
 text-align:center;
 }
 #hero-area .btn
 {
 float:none;
 }
   #info1 {
        left: 419px;
	}
	#info2{
	    right: 210px;
	}
	#info3 {
    right: 172px;
	}
	#info5 {
           left: 308px;
	}
	#info4{
	    right: 293px;
	}
	#info6 {
        left: 173px;
	}
	#info7 {
        left: 218px;
	}
	.info-static-text {
    left: 318px;
	}
	.content-info1, .content-info2, .content-info3, .content-info4, .content-info5, .content-info6, .content-info7 {
    position: absolute;
    text-align: center;
    float: left;
    top: 30%;
    width: 38%;
    left: 32%;
	}
}
@media (max-width: 991px)
{
   #info1 {
        left: 309px;
	}
	#info2{
	    right: 99px;
	}
	#info3 {
    right: 62px;
	}

	#info5 {
           left: 198px;
	}
	#info4{
	    right: 183px;
	}
	#info6 {
        left: 64px;
	}
	#info7 {
        left: 108px;
	}
	.info-static-text {
    left: 235px;
	}
	.content-info1, .content-info2, .content-info3, .content-info4, .content-info5, .content-info6, .content-info7 {
    position: absolute;
    text-align: center;
    float: left;
    top: 30%;
    width: 38%;
    left: 32%;
	}
}
@media (max-width: 740px)
{
.hero-main
{
display:none!important;
}
.accor-res {
    display: block;
    position: relative;
    z-index: 999;
}
div#page {
    padding-top: 190px;
}
}
@media (max-width: 766px)
{
.leftsidebar li li {
    margin: 0px;
    border: none;
    padding: 0px;
}
.global-page-header {
    padding: 10% 0;
    position: relative;
    color: #000;
    min-height: auto;
    margin-bottom: 10px;
    background-size: contain!important;
}
h2.widgetTitle {
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 16px;
    color: #2b3238;
    margin-bottom: 10px;
    font-weight: bold;
}
.leftsidebar li {
    margin: 20px 0;
    border-bottom: 2px solid #ccc;
    padding: 5px 0px;
}

.sticky-header .navbar-toggle {
    margin: 25px;
}
.top-inf
{
display:none!important;
}
.navbar-fixed-top .container {
    width: 90%!important;
}
span.copyright1 {
    display: inline-block;
    float: none;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}
#hero-area h1 {
    font-size: 25px;
	}
.navbar-toggle {
    margin-top: 86px;
	}
.hero-main {
    background: url(../images/hero-round-mob.png) no-repeat center top transparent;
}
.info-title a {
    color: #000;
    font-size: 11px;
}
.info-static-text h2 {
    color: #1497d3!important;
    font-size: 16px!important;
    font-weight: bold!important;
    text-align: center!important;
    text-transform: uppercase!important;
}
.info-static-text {
    position: absolute;
    left: 164px;
    right: 0;
    text-align: center;
    float: left;
    top: 20%;
    width: 32%;
}
.content-info1, .content-info2, .content-info3, .content-info4, .content-info5, .content-info6, .content-info7 {
    position: absolute;
    text-align: center;
    float: left;
    top: 6%;
    width: 22%;
    left: 40%;
}
#info1 {
        left: 202px;
        top: 1px;
}
#info7 {
    left: 211px;
    top: 53px;
}
#info2 {
    right: 100px;
    top: 59px;
}
#info3 {
    right: 82px;
    bottom: 393px;
}
#info4 {
    right: 140px;
    bottom: 314px;
}
#info5 {
    left: 149px;
    bottom: 309px;
}
#info6 {
    left: 83px;
    bottom: 392px;
}
#info7 {
    left: 105px;
    top: 53px;
}
.he-res_right {
    width: 65%;
   display: inline-block;
   float:none;
}
.herop {
    font-size: 12px!important;
    font-weight: 300;
    margin-bottom: 18px!important;
    line-height: 20px!important;
    text-transform: none;
    color: #666;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    margin-top: 15px!important;
}
.heroicon {
    font-size: 16px;
    color: #1497d3;
    width: 41px;
    display: inline-block;
    height: 41px;
    padding-top: 10px;
    border-radius: 100%;
}
#hero-area
{
text-align:center;
}
}
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media (min-width: 768px) {
.navbar-fixed-top .container {
    width: 90%!important;
}
}
@media only screen and (max-width: 767px) {
  .title {
    font-size: 40px;
  }

  .navbar-header .navbar-brand a {
    padding: 6px 8px;
  }
  #hero-area {
    padding: 140px 0;
  }
  #hero-area .btn {
    margin-top: 8px;
  }
  #about {
    padding: 70px 0;
  }
  #about .block {
    padding: 0;
  }
  figure .buttons {
    left: 16%;
  }
  #feature .media {
    margin: 0px 0px 35px;
  }
  #footer .copyright {
    text-align: center;
  }
  #footer .social {
    text-align: center;
  }
  .dropdown-menu > ul > li > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 15px;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .dropdown-menu > ul {
    list-style: none;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: -5px;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
  }
  .navbar-collapse {
    background: #333333;
  }
  #top-bar .main-menu li > a {
    color: #fff;
    padding: 21px 10px;
    background: transparent;
  }
  #top-bar .dropdown-menu > ul {
    list-style: none;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: -5px;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
  }
  #top-bar .dropdown-menu > ul > li > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 15px;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (max-width:600px) {
.thumb {
    float: none;
    margin-left: 0px;
    margin-bottom: 10px;
    text-align: center;
}
}
@media only screen and (max-width: 480px) {
.bimg
{
display:none;
}
.thumb {
    float: none;
    margin-left: 0px;
    margin-bottom: 10px;
    text-align: center;
}
#hero-area {
    padding: 20px 0;
}
.navbar-brand {
    padding: 5px 0!important;
    width: 170px;
    height: 107px;
}
div#page {
    padding-top: 148px;
}
img.logoImg {
    width: 100%;
}
.navbar-toggle {
    margin-top: 65px;
}
.accor-res
{
display:block;
}
.mbimg
{
display:block;
width:100%;
height:auto
}
.left-hero {
    padding-top: 10px;
    margin: 0px!important;
    line-height: 25px!important;
}
.home h2.wow.fadeInUp.animated.animated {
    margin: 0px!important;
}
.he-res_right {
    width: 90%!important;
}
h2.widgetTitle {
    text-align: center;
}
.foot_wrapper p{
    text-align: center;
}

.leftsidebar li li {
    text-align: center;
}
p.foot-content {
    width: 100%;
}
.leftsidebar {
    text-align: center;
}
.leftsidebar img{
    float: none;
    display:inline-block;
}
#call-to-action {
    background: #c9cbcd!important;
    padding: 40px 0;
    text-align: center;
}
.global-page-header {
    padding: 2% 0;
    position: relative;
    color: #000;
    min-height: 150px;
    margin-bottom: 10px;
    background-size: cover!important;
}
}