/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {
.icon {
	top: 83%;
}
.service-content p {
	font-size: 16px;
}  
.phone.phone-2 {
	top: 341%;
	left: -75px;
}
.service-thumb img {
	max-width: 98%;
}
.service-thumb {
	-webkit-box-shadow: 0 0 15px #ddd9;
	box-shadow: 0 0 15px #ddd9;
	padding: 0 90px 0px 35px;
}
 .phone.phone-1 {
	right: 0px;
	top: -160%;
}
.service-content {
	padding-top: 30px;
	margin-bottom: 53px;
}
 .color-bg {
	height: 620px;
}
    .color-bg {
	height: 540px;
}
 .phone.phone-2 {
	top: 295%;
	left: -75px;
}
.phone.phone-1 {
	top: -230%;

}
/* fix*/
.header-input {
	width: 100%;

}    
    
 .hero-img img {
	max-width: 400px;
}   
    
.hero-img {
	height: 500px;
}   
 .hero-containt h3 {
	font-size: 30px;
}   
    
 .hero-containt {
	padding-left: 60px;
}   
    
    
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
.slider-active .owl-nav button.owl-next {
	right: 0;
	left: auto;
}
 .slider-active .owl-nav button {
	left: 40px;

}
/* fix*/
.header-input {
	width: 100%;
	height: 45px;
}  
    
 .hero-img img {
	max-width: 400px;
}   
    
.hero-img {
	height: 500px;
}   
.hero-containt h3 {
	font-size: 26px;
} 
    
.hero-containt {
	padding-left: 30px;
}
.header-input input {
	font-size: 14px;
}
    
 .boxsed {
	font-size: 14px;
	padding: 14px 30px;
}   
.boxsed-btn {
	font-size: 14px;
	padding: 14px 25px;
}   
.single-select a {
	font-size: 16px;
}    
.hero-select {
	padding: 20px 30px;
	margin-bottom: 30px;
} 
    
 .folow-btn a {
	font-size: 16px;
}   
  .link-btn {
	margin-bottom: 30px;
}  
 .dis-text h4 {
	font-size: 20px;
}   
    
 .dis-text p {
	font-size: 18px;
	line-height: 23px;
}   
.dis-text a {
	font-size: 14px;
}    
    
    
}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

.service-content p {
	font-size: 16px;
}
 .contact-text h1 {
	font-size: 70px;
}
.slider-active .owl-nav button {
	left: 40px;
}
 .slider-active .owl-nav button.owl-next {
	right: 0;
}
.phone.phone-2 {
	top: 400%;
}
.color-bg {
	height: 415px;
}
    
.color-bg {
	height: 380px;
}
.color-bg {
	height: 395px;
}
 .icon {
	right: 15px;
}
 .service-thumb {
	padding: 0 90px 0px 30px;
}
.service-thumb img {
	max-width: 96%;
}
.phone.phone-1 {
	top: -322%;
}
 .header-area {
	padding-right: 40px;
	padding-left: 40px;
}
.logo img {
	max-width: 150px;
	margin-bottom: 30px;
}    
/* fix*/
.header-input {
	width: 100%;
	height: 45px;
	margin-bottom: 30px;
} 
    
 .hero-img img {
	max-width: 400px;
}   
    
.hero-img {
	height: 500px;
	margin-bottom: 30px;
}  
.hero-containt h3 {
	font-size: 26px;
} 
    
.hero-containt {
	padding-left: 0;
}
.header-input input {
	font-size: 14px;
	display: block;
}
    
 .boxsed {
	font-size: 14px;
	padding: 14px 30px;
}   
.boxsed-btn {
	font-size: 14px;
	padding: 14px 25px;
}   
.single-select a {
	font-size: 16px;
}    
.hero-select {
	padding: 20px 30px;
	margin-bottom: 30px;
} 
    
 .folow-btn a {
	font-size: 16px;
}   
  .link-btn {
	margin-bottom: 30px;
}  
 .dis-text h4 {
	font-size: 20px;
}   
    
 .dis-text p {
	font-size: 18px;
	line-height: 23px;
}   
.dis-text a {
	font-size: 14px;
}  
 .logo {
	text-align: center;
}   
  .header-right {
	text-align: center !important;
}  
}
 

/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

   .logo a img {
	max-width: 100px;
	margin-bottom: 10px;
}
.contact-wrap.text-center {
	width: 86%;
} 
    
    
.header-right.text-right {
	text-align: center !important;
	display: none;
}
    
    
.contact-text h1 {
	font-size: 38px;
}
.search a {
	top: 57%;
	right: 45px;
}
 form input {
	padding: 15px 16px;
	
}
    .search a {
	top: 57%;
	right: 12px;
}
 .service-thumb img {
	max-width: 96%;
}
.icon {
	top: 27%;
}
.service-thumb {
	padding: 0 107px 0px 15px;
}
    
 .icon {
	top: 56%;
}
   .logo {
	text-align: center;
} 
  .icon {
	top: 85%;
}
    .icon {
	top: 73%;
}
.phone.phone-1 {
	right: -5px;
	top: -102px;
	max-width: 336px;
}
.phone.phone-2 {
	top: 370%;
	left: 0px;
	max-width: 323px;
}
.deals-text h4 {
	font-size: 16px;
}
.deals-right span {
	font-size: 20px;
}
.header-area {
	padding: 20px 0;
	padding-right: 0;
	padding-left: 0;
}
.color-bg {
	height: 400px;
}
.contact-text h1 {
	font-size: 30px;
}
 .contact-text p {
	font-size: 20px;
}
 .icon a {
	font-size: 13px;
}
 form input {
	font-size: 14px;
}
form input {
	width: 97%;
}
.search a {
	right: 19px;
}
.slider-active .owl-nav button {
	left: 4px;
}
 .slider-active .owl-nav button.owl-next {
	right: 0;
} 
.slider-active .owl-nav button.owl-next {
	right: 3px;
}
.deals-text h4::before {
	width: 50%;
	left: 30px;
}
.logo img {
	max-width: 150px;
	margin-bottom: 30px;
}    
/* fix*/
.header-input {
	width: 100%;
	height: 45px;
	margin-bottom: 30px;
} 
    
.hero-img img {
	max-width: 250px;
} 
.hero-img {
	height: 300px;
	margin-bottom: 30px;
}
.hero-containt h3 {
	font-size: 22px;
}
    
.hero-containt {
	padding-left: 0;
}
.header-input input {
	font-size: 14px;
	display: block;
}
    
 .boxsed {
	font-size: 14px;
	padding: 14px 30px;
}   
.boxsed-btn {
	font-size: 14px;
	padding: 14px 25px;
}   
.single-select a {
	font-size: 16px;
}    
.hero-select {
	padding: 20px 30px;
	margin-bottom: 30px;
} 
    
 .folow-btn a {
	font-size: 16px;
}   
  .link-btn {
	margin-bottom: 30px;
}  
 .dis-text h4 {
	font-size: 20px;
}   
    
 .dis-text p {
	font-size: 18px;
	line-height: 23px;
}   
.dis-text a {
	font-size: 14px;
}  
.logo {
	text-align: left;
	position: relative;
} 
  .header-right {
	text-align: center !important;
}
.link-btn a {

	margin-right: 10px;
}   
 .hero-area {
	padding-top: 50px;
}   
.header-off-btn.menu-trigger.right {
	display: block;
	position: absolute;
	right: 15px;
	z-index: 9;
	top: 50%;
	transform: translateY(-50%);
	height: 68px;
	line-height: 56px;
}
  .header-off-btn.menu-trigger.right a {
	font-size: 21px;
	color: #41E2D4;
}  
.off-canvas-menu {
	display: block;
	position: fixed;
	z-index: 99;
	background: #fff;
	height: 100%;
	width: 300px;
	padding: 20px;
	box-shadow: 0 0 10px #00000040;
	top: 0;
	left: -100%;
	transition: .3s;
}
.off-canvas-menu.active {
	left: 0;
}
 .close-menu {
	text-align: right;
}   
.close-menu a {
	color: #39D1C2;
	font-size: 24px;
}    
.header-right.off-btn {
	margin-top: 50px;
}    
    
}


/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {


 .service-thumb {
	padding: 0 107px 0px 100px;
}
  
    
}                                                                                                                                                