/* CSS Document */

/*RESPONSIVE*/
/*1200*/
@media screen and (max-width: 1200px){

  body {
    min-width: 320px
  }

}

/*1024*/
@media screen and (max-width: 1119px){

	.row {width: 98%}
    .hd-top{width: auto; padding-right: 10px;}

    #banner{
    	min-height: 707px
    }

    #gallery-section .img-top img,
    .img-right img{
    	width: 100%;
    	display: block;
    }

    .img-right {
    	width: 31%;
	}

	#gallery-section dl {
	    width: 66%;
	}

    #gallery-section .img-bottom{
    	display: flex;
    	justify-content: space-between;
    	flex-wrap: wrap;
    }

    #gallery-section .img-bottom img{
    	width: 33%
    }

    #gallery-section .img-bottom .marg{
    	margin: 0
    }

    .ftt-left{
    	width: 45%
    }

    .pay-here-auth {margin-top: 50px;}
    #content-bottom {min-height: 800px;}
    #content-bottom .cb-left {float: left; max-width: 100%; width: 50%; min-height: 0px; padding: 20px 15px; margin: 200px 0 0;}
    #content-bottom h3 {text-align: center; width: 100%;}
    .cb-right {float: right; width: 42%; margin-top: 185px; padding: 40px 20px;}
    .ftt-info p {display: block; padding-bottom: 10px;}
    .ft-pay {text-align: center; width: 100%; position: relative; margin-left: 0px; top: 20px}
}

/*960*/
@media screen and (max-width: 1023px){

    .logo{float:none; max-width: 300px; width: 100%;}
    header nav ul {float: unset; margin: 0 0 0;}


    .cn-img {float: none; max-width: 319px; width: 100%;}
    .loc {margin: 0 0;}
    .a-img {float: none; margin-bottom: 40px; max-width: 349px; width: 100%; margin: 0 0 20px 0;}
    #about-section h2 {text-align: center;}

  header {
    padding: 0
  }

  header .row {
    width: 100%;
    padding: 0;
  }

  header nav {
    display:block;
    height: auto;

  }

  header nav ul {
    width: 100%;
    display: none;
    height: auto;
    border-bottom:5px solid #000;
    padding: 0 15px;
    box-sizing: border-box;

  }

  header nav ul li {
    width: 100%;
    position: relative;

  }

  header nav ul li a {
    display: block;
    float:none;
    padding: 10px 0;

  }

  header nav a {
    text-align: left;
    width: 100%;

  }

  header nav a strong {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;

  }

  header nav a#pull {
    display: block;
    color: #fff;
    background-color: #008c46;
    height: 40px;
    /*padding: 10px 0;*/
    width: 100%;
    position: relative;
  }

  header nav a#pull:after {
    content:"";
    background: url('../images/nav-icon.png') no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }

  .cta{
    background: #008c46 url(../images/phonecall.png) no-repeat center center;
    border-bottom-left-radius: 40px;
    border-top: 2px solid #86b920;
    border-top-left-radius: 40px;
    bottom: 3%;
    display: block;
    height: 60px;
    position: fixed;
    right: 0;
    text-decoration: none;
    text-indent: -9999em;
    width: 60px;
    z-index: 999;
  }

  	#banner {
    	min-height: 630px;
	}

	#content .row{
		background: none
	}

	#content h1,
	#content p,
	#about-section p{
		text-align: center;
	}

	.ftt-left {
    	width: 49%;
	}

	.map {
    	width: 50%;
	}

  }

/*768*/
@media screen and (max-width: 959px){

	#banner h2{
		font-size: 50px;
	}

	.hd-top{
	    position: relative;
		background: #86b920;
	}

	.logo {
    	max-width: 200px;
	}

	.cb-right{
		margin-top: 0;
		float: unset; 
		width: auto;
	}

	#content-bottom .cb-left h2,
	#content-bottom .cb-left,
	.cb-right{
		text-align: center;
	}

	.we-img{
		float: none;
		margin: 10px auto
	}

    #content-bottom .cb-left {
    	width: 100%; 
    	margin-bottom: 25px;
    }

    #gallery-section dl{
    	margin-right: 0;
    }

    .img-right {
    	width: 30%;
	}

	.ftt-left {
    	width: 100%;
    	float: none;
	}

	.ftt-left p ,
    .ftt-left h2 ,
    .social{
    	text-align: center;
    }

	.map{
		float: none;
	}

	.testi{position: relative; left:0; transform: none; right: 0; margin-top: 0; width: 100%; text-align: center;}
    .social {position: relative; left:0; transform: none; right: 0;}
    .t-img {position: relative; left:0; transform: none; right: 0;}
    .t-name {position: relative;left:0;transform: none; right: 0;}
    .t-text{margin-top: 120px;}
    .view-btn {margin: 10px auto;}

    .t-text{
    	margin-top: 10px;
    }

  
}

/*425*/
@media screen and (max-width: 767px){

	#banner h2,
	.pay-here-auth,
	.tel{
		float: none;
	}

	#banner h2{
		text-align: center;
	}

	.tel{
		font-size: 28px;
	}

	#banner {
    	min-height: 100%;
	}

	#content .row article{
		padding: 50px 5px
	}

	#content-bottom h3{
		padding: 10px
	}

	.cb-right{
		padding: 40px 5px
	}

	.cb-right p {
    	font-size: 16px;
	}

	#gallery-section dl ,
	.img-right{
    	width: 100%;
	}

	#gallery-section .row dl dt img,
	.img-right img, .img-bottom img{
		margin: 0;
		padding: 0;
	}

	#gallery-section .img-bottom img,
	#gallery-section .img-bottom .marg {
    	width: 90%;
    	margin: 0 auto 20px;
	}



	#gallery-section .row dl dt img {width: 92.4%; padding-left: 20px; margin-bottom: 20px;}
    .img-right {display: block; text-align: -webkit-center;}
    .img-right img, .img-bottom img {width: 90%; margin-bottom: 20px;}

 
    #content .row {
    	margin: 0 auto;
    }

    .ftt-left {
    	width: 100%;
    }
    
    .map {
    	float: unset; 
    	max-width: 547px; 
    	width: 100%;
    }

    #footer-top{
    	padding: 50px 5px 20px
    }

    #footer-top img{
    	max-width: 200px;
    	margin: 10px auto 20px
    }

    .cn-img {
	    max-width: 250px;
	    margin: 0 auto 10px;
	    width: 100%;
	}

	/*contact page*/
	#Contact_Box,
	#Form_Container,
	#Form_Container h2{
		width: 100%
	}

	#Contact_Box div,
	#Contact_Box .Address_Box{
		float: none;
		width: 100%;
		margin: 10px auto;
	    box-sizing: border-box;
	}
   

}

/*320*/
@media screen and (max-width: 424px){

	#Form_Container form{
		padding: 20px 5px!important
	}

}