@media (min-width:0px)and (max-width:540px){
    
  .header-top {
    text-align: center;
}
	.header-top-right {
    margin-bottom: 10px;
}
	.header-top-left {
    text-align: center;
}.logo-header {
    width: 100%;
    overflow: hidden;
}
	.logo-header img{
    max-width: 100%;
	margin: auto;
}
	.media {
    margin-bottom: 82px;
}
	.header-media-m {
    margin-top: 25px;
}
	.list li {
    display: block;
    text-align: right !important;
}
.list li a {
    text-align: right !important;
}
.list {
    background: #005a63;
    border-radius: 1px 20px 0px  0px;
    height: initial;
}
.list a {
    padding: 0px 29px;
    height: 45px;
    line-height: 45px;
}
  .list {
    margin: auto;
    height: inherit;
    line-height: 86px;
    position: initial;
    left: 50%;
    padding: 10px 0px 20px;
    top: 50%;
    transform: translate(0,0%);
    width: 100%;
    text-align: center;
	  display: none;
}
	.list-bar {
    display: block;
    margin-bottom: 3px;
}
	.header-botm {
    overflow: hidden;
    margin-bottom: 20px;
}
	.slid-a {
    margin-top: 145px;
    text-align: center;
    width: 100%;
    margin: auto;
    height: 356px;
    float: none;
	}
	.slid-a:before {
    bottom: -30px;
		display: none;
	}
	.slid-a h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
	.shapes-2 {
    border: 1px solid #9b9a9e;
    display: inline-table;
    width: 100%;
    height: initial;
    text-align: center;
    margin-top: 20px;
    background: #fff;
    padding: 35px 25px;
    border-radius: 43px;
}
	.shape-right.pull-right {
    text-align: center;
    margin: auto;
    float: none !important;
    margin-bottom: 20px;
}
	.shape-left.pull-left {
    margin-bottom: 20px;
}
	.About {
    padding: 15px 0px 60px;
}
	.How-we {

    padding: 40px 0px;
}
section.about-me {
    padding: 10px 0px;
}
	.slider-3 {
    height: 460px;
	}
	.footer-bottom {
    text-align: center;
}
	.footer-logo {
    text-align: center;
    margin-top: 15px;
}
	.shape-left.pull-left {
    float: none !important;
}
	.footer-top h2 {
   
    margin-top: 40px;
}
	.slider {

    height: 450px;
}
	.shape-left.pull-left {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
	.about-me-img img {
    width: 100%;
    height: 300px;
}
	.footer-bottom p a
	{
		margin-bottom: 20px;
	}
	.footer-bottom p {
    height: inherit;
	}
    }

/*Smart phone and tablets*/
@media (min-width:541px) and (max-width:767px)
{
  .header-top {
    text-align: center;
}
	.header-top-right {
    margin-bottom: 10px;
}
	.header-top-left {
    text-align: center;
}.logo-header {
    width: 100%;
    overflow: hidden;
    margin: auto;
    text-align: center;
}
	.logo-header img{
    max-width: 100%;
	margin: auto;
}
	.media {
    margin-bottom: 82px;
}
	.header-media-m {
    margin-top: 25px;
}
	.list li {
    display: block;
    text-align: right !important;
}
.list li a {
    text-align: right !important;
}
.list {
    background: #005a63;
    border-radius: 1px 20px 0px  0px;
    height: initial;
}
.list a {
    padding: 0px 29px;
    height: 45px;
    line-height: 45px;
}
  .list {
    margin: auto;
    height: inherit;
    line-height: 86px;
    position: initial;
    left: 50%;
    padding: 10px 0px 20px;
    top: 50%;
    transform: translate(0,0%);
    width: 100%;
    text-align: center;
	  display: none;
}
	.list-bar {
    display: block;
    margin-bottom: 3px;
}
	.header-botm {
    overflow: hidden;
    margin-bottom: 20px;
}
	.slid-a {
    margin-top: 145px;
    text-align: center;
    width: 100%;
    margin: auto;
    height: 356px;
    float: none;
	}
	.slid-a:before {
    bottom: -30px;
		display: none;
	}
	.slid-a h2 {
    font-size: 30px;
    margin-bottom: 20px;
}
	.shapes-2 {
    border: 1px solid #9b9a9e;
    display: inline-table;
    width: 100%;
    height: initial;
    text-align: center;
    margin-top: 20px;
    background: #fff;
    padding: 35px 25px;
    border-radius: 43px;
}
	.shape-right.pull-right {
    text-align: center;
    margin: auto;
    float: none !important;
    margin-bottom: 20px;
}
	.shape-left.pull-left {
    margin-bottom: 20px;
}
	.About {
    padding: 15px 0px 60px;
}
	.How-we {

    padding: 40px 0px;
}
section.about-me {
    padding: 10px 0px;
}
	.slider-3 {
    height: 430px;
	}
	.footer-bottom {
    text-align: center;
}
	.footer-logo {
    text-align: center;
    margin-top: 15px;
}
	.shape-left.pull-left {
    float: none !important;
}
 .footer-top h2 {
   
    margin-top: 40px;
}
	.slider {

    height: 450px;
}
   .shape-left.pull-left {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}
	.about-me-img img {
    width: 100%;
    height: 350px;
}
}


/*Small Screen*/
@media (min-width:768px) and (max-width:991px)

{
	.logo-header {
    width: 100%;
    overflow: hidden;
    margin: auto;
    text-align: center;
}
	.logo-header img{
    max-width: 100%;
	margin: auto;
}
	.header-media-m {
    margin-top: 40px;
}
	a.pull-tight {
    margin-bottom: 20px;
}
	.list a {
    padding: 0px 11px;
    font-size: 17px;
}
  .shapes-2 {
    border: 1px solid #9b9a9e;
    display: inline-table;
    width: 100%;
}
	.About .clier {
    clear: inherit;
    display: inline-block;
}
	.About a {
    margin-top: 30px;
}
	.footer-top h2 {
   
    margin-top: 40px;
}
}

/*Medium Screen*/
@media (min-width:992px) and (max-width:1199px)
{
	.media-boody {
    font-size: 14px;
}
	.list a {
    padding: 0px 24px;
}
.shapes-2 {
    border: 1px solid #9b9a9e;
    display: inline-table;
    width: 100%;
	}
	.slider-3 {
    height: 430px;
    width: 100%;
}
	.footer-top .clier {
    clear: inherit;
    display: inline-block;
}

}
/*Large Screen*/
@media (min-width:1200px)
{
	.footer-top .clier {
    clear: inherit;
    display: inline-block;
}

}