@media screen and (min-width :320px) and (max-width : 479px) {
.hide-desktop{ display: block;}
.hide-mobile{ display: none;}
header .header-top h6 {
	font-size: 13px;
}
header .top-bar-menu {
	text-align: left;
}
header .top-bar-menu ul {
	padding-left: 0px;
}
header .top-bar-menu ul li {
	padding: 0 9px;
}
header .header-main .contact-wraper {
	display: none;
}
.cta-buttons .btn {
	display: initial;
	padding: 5px 17px;
}
.cta-buttons .btn:not(:only-child):first-of-type {
	margin-bottom: 0px;
}
header .navbar {
	position: inherit;
}
/* ==========================================================================

   Author's custom styles

   ========================================================================== */

	    /*============================
		=            Menu            =
		============================*/
	
		.header-main {
			-webkit-transition: all .5s ease;
			   -moz-transition: all .5s ease;
				 -o-transition: all .5s ease;
					transition: all .5s ease;
		}
		.header-main .container {
			width: 100%;
		}
		.header-main .logo-wrapper {
			position: relative;
	
			float: left;
	
			padding: 0px 0;

        -webkit-transform: none;
           -moz-transform: none;
            -ms-transform: none;
             -o-transform: none;
                transform: none;
		width:80%;
    }
    .header-main .main-menu {
        float: none;
    }
    .header-main .button-search {
        line-height: 60px;
    }
    .header-main .nav-search {
        top: 115px;
    }
    .header-main.header-fixed .nav-search {
        top: 115px;
    }
    .header-wrapper.style-2 {
        top: 0;
    }
    .header-wrapper.style-2 .container {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .header-wrapper.style-2 .header-topbar {
        padding: 12px 20px;
    }
    .header-wrapper.style-2 .header-main {
        padding: 0 20px;
    }
    .header-wrapper.style-2 .header-main.header-fixed {
        padding: 0 20px;
    }
    .header-wrapper.style-2 .header-main.header-fixed {
        max-width: 940px;
    }
    .nav-menu > li > a {
        line-height: 60px;

        padding: 0 12px;
    }
    .main-menu,
    .topbar-hidden {
        display: none !important;
    }
   
    .menu-mobile-wrapper .dropdown > a .icons {
        display: inline-block;
    }
   
	/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   header .top-area { display:none}
  .mobile-nav, .mobile-menu{ display:block;}
  .main-menu  { display:none;}
nav-expander { display:block;}
a.nav-expander {
  
  color: #FFFFFF;
  display: block;
  font-size: 16px;
  font-weight: 400;
  /*height: 50px;*/
  margin-right: 0;
  padding: 1em 1.6em 2em;
  position: absolute;
  right: 0;
  text-decoration: none;
  text-transform: uppercase;
  top: 0;
  transition: right 0.3s ease-in-out 0s;
  z-index: 12;
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;

}
a.nav-expander i{ color:#000;}
a.nav-expander:hover {
  cursor: pointer;
}

a.nav-expander.fixed {
  position: fixed; background-color:transparent; padding:0px; right:20px; top:15px;
}

.nav-expanded a.nav-expander.fixed {
    right: 14em;
}

.mobile-nav {
  background: #2d2f33;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  right: -20em;
  font-size: 15px;
  top: 0;
  width: 16em;
  z-index: 2000;
  
  transition: right 0.3s ease-in-out 0s;
  -webkit-transition: right 0.3s ease-in-out 0s;
  -moz-transition: right 0.3s ease-in-out 0s;
  -o-transition: right 0.3s ease-in-out 0s;

}
.nav-expanded .mobile-nav {
  right: 0;
}

body.nav-expanded {
  margin-left: 0em;
  transition: right 0.4s ease-in-out 0s;
  -webkit-transition: right 0.4s ease-in-out 0s;
  -moz-transition: right 0.4s ease-in-out 0s;
  -o-transition: right 0.4s ease-in-out 0s;
}

#nav-close {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 24px;
  padding-right: 10px;
}

.main-menu1 {
  padding-top: 12px;
}

.main-menu1 li {
  border-bottom: 1px solid #323949;
  margin-left: 20px;
  font-size: 13px;
  padding: 9px;
}

.main-menu1 li a {
  color: #fff;
  text-decoration: none;
}

.main-menu1 li a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.main-menu1 li .sub-nav {
  border-bottom: 0px;
  padding: 4px;
}

.main-menu1 a .caret {
	width: 0;
	height: 0;
	display: inline-block;
	vertical-align: top;
	border-top: 7px solid #a03622;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	content: "";
    margin-top: 10px;
	margin-left:7px;
}

.main-menu1 a:hover .caret {
	border-top-color: #4f5963;
}

.main-menu1 li.open > a > .caret {
	border-top: none;
	border-bottom: 4px solid #4f5963;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.main-menu1 li.open > a:hover > .caret {
	border-bottom-color: #4f5963;
}

.icon:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  content: '\f105';
}

.main-menu1 li > a > span.icon {
  float: right;
  margin: 0.1em 1.7em -0.1em 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

}

.main-menu1 li > a:hover > span.icon {
  float: right;
  margin: 0.1em 0.8em -0.1em 0;
  opacity: 1;
}
ul.sub-menu { padding-left:0px;}
ul.sub-menu li{ list-style-type:none;}

.expertise-section { display:none;}
.bod-team .team-img img { width: 7.438rem; height: 7.438rem;}

section {
	overflow-x: hidden !important;
}
}
}
 @media screen and (min-width :480px) and (max-width : 639px) {
}
 @media screen and (min-width :640px) and (max-width : 767px) {
}
 @media screen and (min-width :768px) and (max-width : 989px) {
.top-info ul.contact-top li {
	padding: 0 5px;
}
}
 @media screen and (min-width: 1440px) and (max-width: 1600px) {
a.our-service {
	min-height: 207px !important;
}
}

@media screen and (min-width: 1920px) and (max-width: 2100px){
.page-heading .page-titles-wrap { padding:100px 0;}

}