/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	h1{
		left: 23px;
		margin-left: -25px;
		font-size: 14px;
	}
	.phone{
		margin-left: 0;
	}
	.top-callback{
		margin-left: -31px;
		left: 30px;
	}
	.phone span{
		letter-spacing: 0;
	}
	.logo{
		margin-left: -20px;
	}
	.anchor{
		margin-right: 0;
	}
	.top-form,.all-smoothly{
		margin-left: 0;
	}
/* ---------SECOND--------- */
	.outer-plumbing{
		padding-left: 0;
	}
	.plumb-desc h3, .plumb-desc p.modal-title{
		margin-top: 5px;
	}
	.plumb-desc{
		padding-left: 10px;
		max-width: 183px;
	}
	.plumbing{
		width: 48%;
		margin:0 2% 10px 0;
	}
/* 	.plumbing-2:nth-child(5){
	margin:0;
} */
	.seven-secrets{
		text-align: center;
	}
	.seven-secrets p{
		margin-left: 0;
	}
	.secrets-form{
		left:0;
		top:0;
		margin:10px auto;
	}
/* ---------FIFTH--------- */
	.third-form{
		margin:25px 0 0;
		text-align: center;
	}
	.call-back-f {
		margin: 20px 0 0 50px;
	}
	.twin-img{
		padding-left: 0;
	}
	.twin-img img{
		width: 50%;
		max-width: 50%;
		height: auto;
	}
	.twin-img img:nth-of-type(2){
		margin-left: -4px;
	}
	.first-slick{
		margin-top: 35px;
		position: relative;
		z-index: 10;
	}
	.to_left,.to_left2{
		left:0;
	}
	.to_right,.to_right2{
		right:0;
	}
	.slider-1{
		left:0;
	}
	.to_left, .to_right{
		top:20%;
		transform: translateY(-50%);
		z-index: 100;
	}
	.call-marg{
		margin-left: -5px;
	}
	.call-marg .btn1{
		right: -15px;
	}
	.lg-modal-form{
		height: auto;
		min-height: 160px;
		padding: 0 17%;
	}
	.modal-plumbing p{
		margin-top: 15px;
	}
	.modal-plumbing img{
		width: 28%;
	}
	.modal-desc{
		width: 70%;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.logo{
		display: block;
	}
	.phone{
		margin-top: 0;
	}
	.top-callback{
		margin-left: 0;
		left:0;
	}
	.logo img{
		margin:5px auto;
		width: 100px;
	}
	h1{
		margin-left: 0;
		left:0;
		font-size: 18px;
	}
	header{
		text-align: center;
		margin-bottom: 15px;
	}
	.phone span{
		letter-spacing: .6px;
	}
	.first{
		height:auto;
		text-align: center;
	}
	.all-smoothly{
		margin:10px 0;
	}
	.top-form{
		margin:10px auto 30px;
	}
	.lg-modal-form{
		margin: 0;
		padding-bottom: 15px;
	}
	.lg-modal-form p{
		float:none;
		width: auto;
		text-align: center;
	}
	.lg-modal-form .first-form{
		float: none;
		overflow: hidden;
	}
	.lg-modal-form .first-form input[type="submit"]{
		position: static;
		margin: 17px auto 0;
	}
	.modal-plumbing img{
		width: 200px;
	}
	.modal-desc{
		width: auto;
		float:none;
		overflow: hidden;
	}
	.top-form-marg{
		margin:0;
	}
/* ---------SECOND--------- */
	.plumbing,.plumbing:nth-child(2n){
		width: 400px;
		margin: 10px auto;
		float:none;
	}
	.plumb-desc{
		max-width: 238px;
		height: auto;
		min-height:182px;
	}
	.mt{
		margin-top: 0;
	}
/* ---------FIFTH--------- */
	.third-form{
		margin:25px auto 0;
		text-align: center;
	}
	.call-back-f {
		margin: 20px auto 0;
		max-width: 225px;
	}
	.call-back-f .btn1{
		margin-bottom: 15px;
	}
	.result{
		margin-top:25px;
	}
	.result li span{
		font-size: 36px;
	}
/* ---------SEVENTH--------- */
	.sequence li{
		width:calc(100%/3);
		height:110px;
	}
	.sequence li:nth-child(3):after{
		right:25px;
	}
	.leave-request{
		margin:25px auto 40px;
	}
	.outer-plumbing-2{
		max-width: 350px;
		padding-left: 0;
	}
	.plumbing-2{
		margin-right: 0;
	}
	.slider-1{
		max-width: 500px;
		text-align: center;
	}
	.desc-info,.slider-1 img{
		float: none;
		display: block;
		margin:10px auto;
	}
	.to_left:hover, .to_right:hover{
		transform: scale(1) translateY(-50%);
	}
	.to_left, .to_right{
		top:15%;
	}
	.to_left2, .to_right2{
		display: none !important;
	}
	.panel-default > .panel-heading + .panel-collapse > .panel-body{
		padding-right: 60px;
	}
	.foot-logo{
		margin:25px auto;
	}
	.anchor-footer,.callback-foot{
		left:0;
	}
	.map{
		display: block;
		margin:10px auto;
		width: 262px;
	}
	.menu-anchor{
		display: block;
	}
	.anchor{
		display: none;
		position: relative;
		z-index: 5;
		left: 0;
		float: none;
		width: 250px;
		border-radius: 10px;
		margin: 10px auto 0;
		right: 0;
		background: rgba(255, 255, 255, .1);
	}
	.anchor li{
		display: block;
		float: none;
		margin-right: auto;
	}
	.anchor li a{
		display: block;
		line-height: 20px;
	}
	.btn-toggle{
		transform: translateX(-50%);
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	* h2{
		font-size: 30px !important;
		line-height: 1 !important;
	}
	.all-smoothly p.motto{
		font:500 30px 'Roboto', sans-serif;
		margin-left: 0;
		letter-spacing:1px;
	}
/* ---------SECOND--------- */
	.plumbing,.plumbing:nth-child(2n){
		width: 100%;
		height: auto;
		background: #fff;
	}
	.plumb-desc{
		width: 60%;
		height: auto;
		max-width: 60%;
	}
	.plumbing img{
		width: 40%;
		max-width: 40%;
	}
	.modal-plumbing img{
		float:none;
		margin:0 auto;
	}
	.modal-desc{
		padding:0 10px;
		text-align: justify;
	}
	.modal-plumbing p.modal-title{
		text-align: center;
		margin: 0;
	}
	.plasterer h2{
		font: 500 34px 'Roboto', sans-serif;
		letter-spacing: 1px;
		padding-left: 0;
	}
	.plumb-btn{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.plumb-btn-2{
		margin-top: 30px;
	}
	.plumb-desc p{
		margin-bottom: 40px;
		margin-top:20px;
	}
	.secrets-form input{
		margin:10px auto !important;
		display: block !important;
	}
	.guarantee p{
		padding:0 20px;
	}
/* ---------SIXTH--------- */
	.result li{
		width: 50%;
		height:100px;
	}
	.result-end{
		margin: 20px auto;
	}
	.sequence li{
		width: 100%;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		bottom: 0 !important;
		margin-bottom: 20px;
	}
	.sequence li:nth-child(1):after,
	.sequence li:nth-child(2):after,
	.sequence li:nth-child(3):after,
	.sequence li:nth-child(4):after,
	.sequence li:nth-child(5):after{
		left:50%;
		bottom:-15px;
		top:auto;
	transform: rotate(90deg) translateY(30%);
	}
	.sequence{
		margin-top:25px;
	}
	.leave-request{
		margin:0 auto 40px;
	}
	.pass{
		left:50%;
		transform: translateX(-50%);
	}
	.result li:nth-child(2){
		left:0;
	}
	.result li:nth-child(3){
		right:0;
	}
	.twin-img span{
		width: 35px;
		height: 35px;
		transform: rotate(90deg) translate(-50%, 50%);
	}
	.twin-img img{
		width: 90%;
		max-width: 90%;
		height: auto;
		display: block;
		margin:0 auto;
	}
	.twin-img img:nth-of-type(2){
		margin:-1px auto 0;
	}
	.panel-default > .panel-heading + .panel-collapse > .panel-body{
		padding-right: 20px;
	}
	#accordion .panel-title > a{
		padding-right: 40px;
	}
	#accordion{
		margin:40px auto;
	}
	#back-to-top{
		bottom:25px;
		right:20px;
	}
	#back-to-top .fa{
		width: 30px;
		height: 30px;
	}
	.desc-info-modal p.desc-info-modal-text{
		padding: 10px 20px;
	}
}

@media only screen and (max-width : 375px) {
	.plumbing-2{
		width: 100%;
	}
	.plumb-desc-2{
		position: relative;
		height: 130px;
	}
	.plumb-btn-2{
		margin-top: 18px;
	}
	.painting{
		top:40%;
	}
	.plumbing-2 img{
		width: 40%;
		max-width: 40%;
	}
	.plumb-desc-2{
		width: 60%;
		max-width: 60%;
	}
	.plumb-desc-2 p.modal-title{
		font: 400 18px 'Roboto', sans-serif;
		margin-top:10px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	.plumbing, .plumbing:nth-child(2n){
		min-height: 180px;
		position: relative;
	}
	.plumb-btn{
		position: absolute;
		bottom:10px;
		left:50%;
		transform: translateX(-50%);
	}
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.menu-anchor{
		display: none;
	}
	.anchor{
		display: block !important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.workspace .container{
		max-width: 1000px;
		margin: 0 auto;
		width: 100%;
	}
	.workspace1 .container{
		max-width: 860px;
		margin: 0 auto;
		width: 100%;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}