﻿/* LARGE DESKTOP PART */
@media screen and (min-width:1200px){
}
/* DESKTOP PART */
@media screen and (max-width:991.98px) {
	
	.header_top_item 
	{
		display: none; 
	}
	
	.wraper_header_top 
	{
		border: none !important; 
	}
	.wraper_header_top:before {
        height: 0 !important;
    }
	
	.mobile-logo {
        display: block !important;
        text-align: center;
        padding: 10px 30px;
        border-bottom: 1px solid #333;
    }
	
	.mobile-social, .call-btn 
	{
		display: block !important; 
	}
	
	.call-btn {
    clear: both;
    text-align: center;
    padding: 10px;
    display: inline-block;
    background: #269fe0;
    color: #FFF !important;
    font-size: 18px;
    font-weight: 600;
}
	
	.mobile-social {
    background: #333;
    padding: 10px;
}
	
	.mobile-social li a 
	{
		color: #FFF; 
		margin: 0 10px; 
	}
	
	.sidr-inner {
    height: 100%;
    display: flex;
    flex-flow: column;
}
	
	.banner:after {
    
    width: calc(90% + 55px);
     
} 
	
	
}
@media screen and (max-width:768px) 
{
	.banner {
    	padding: 40px 0 65px 0;
	}
	
	.banner:after {
    width: calc(100% + 0px);
}
	
	.banner:after {
        height: 90%;
    }
	
	
	
}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:991px){
.header_top_item:after {
    height: 208%;
    width: 9%;
    margin-left: 3px;
    left: 27px;
}
.wraper_header_top:before {
    height: 57%;
}
.call-text {
    display: inline-block;
    padding: 0 4px 0 70px;
    float: left;
    position: relative;
    z-index: 999;
}
/* .banner:after {
    height: 63%;
} */
}
/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px){
.wraper_header_top:before{
width:100%;
height:42%;
}
.header_top .col-sm-5{
    order: 2;
    position: relative;
    top: -31px;
}
.header_top .header_top_item{
order: 1;
}
.header_top_item:after{
display:none;
}
.wraper_header_top .header_top .header_top_item ul.socal-part{
    margin-right: 0;
}
.call-text{
float:none;
}
.call-text p{
text-align:center;
margin:0;
}
.wraper_header_top .header_top .brand-logo img{
width:100%;
height:100%;
}
.wraper_header_top{
padding:0;
}
.banner{
padding:150px 0 65px 0;
}
.banner-text h1 {
    font-size: 33px;
    line-height: 43px;
}
.banner-text h2 {
    font-size: 15px;
    line-height: 25px;
}
.banner:after {
    height: 80%;
    width:calc(100% + 0px);
}
.come-second{
order: 2;
}
.come-first{
order: 1;
}
.list-part li:after{
        margin-top: -6px;
}
.image-position:before{
    visibility: hidden;
    opacity: 0;
}
.footer-lower{
text-align:center;
}
.footer-lower-inner-text ul.socal-part{
float:none;
}
.footer-lower-inner-text p {
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    margin: 8px 0 0 0;
}

}
@media screen and (max-width:480px){ 
	
	 
	
	.banner 
	{
		display: block !important; 
		background: url(../images/mobile-banner.jpg) no-repeat center top;
		width: 100%;
		padding: 0px 0 65px;
		margin: 0;
		background-size: cover;
		position: relative;
	}
	
	banner:after {
    position: absolute;
    content: " ";
    height: 100%;
    width: calc(90% + 55px);
    background: rgba(15, 137, 207, .75);
    left: 0;
    bottom: 0;
}
	
	 
	
	 
	
}
/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px){
.wraper_header_top:before{
width:100%;
height:42%;
}
.header_top .col-sm-5{
    order: 2;
    position: relative;
    top: -31px;
}
.header_top .header_top_item{
order: 1;
}
.header_top_item:after{
display:none;
}
.wraper_header_top .header_top .header_top_item ul.socal-part{
    margin-right: 0;
}
.call-text{
float:none;
}
.call-text p{
text-align:center;
margin:0;
}
.wraper_header_top .header_top .brand-logo img{
width:100%;
height:100%;
}
.wraper_header_top{
padding:0;
}
.banner{
padding:150px 0 65px 0;
}
	.banner-text h1 {
		font-size: 26px;
		line-height: 35px;
	}
.banner-text h2 {
    font-size: 15px;
    line-height: 25px;
}
.banner:after {
    height: 80%;
    width: calc(100% + 0px);
}
.come-second{
order: 2;
}
.come-first{
order: 1;
}
.list-part li:after{
    margin-top: -24px;
}
.image-position:before{
    visibility: hidden;
    opacity: 0;
}
.footer-lower{
text-align:center;
}
.footer-lower-inner-text ul.socal-part{
float:none;
}
.footer-lower-inner-text p {
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    margin: 8px 0 0 0;
}


}
/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px){
.wraper_header_top:before{
width:100%;
height:42%;
}
.header_top .col-sm-5{
    order: 2;
    position: relative;
    top: -31px;
}
.header_top .header_top_item{
order: 1;
}
.header_top_item:after{
display:none;
}
.wraper_header_top .header_top .header_top_item ul.socal-part{
    margin-right: 0;
}
.call-text{
float:none;
}
.call-text p{
text-align:center;
margin:0;
}
.wraper_header_top .header_top .brand-logo img{
width:100%;
height:100%;
}
.wraper_header_top{
padding:0;
}
.banner{
padding:150px 0 65px 0;
}
.banner-text h1 {
    font-size: 33px;
    line-height: 43px;
}
.banner-text h2 {
    font-size: 15px;
    line-height: 25px;
}
.banner:after {
    height: 76%;
    width: calc(50% + 134px);
}
.come-second{
order: 2;
}
.come-first{
order: 1;
}
.list-part li:after{
    margin-top: -24px;
}
.image-position:before{
    visibility: hidden;
    opacity: 0;
}
.footer-lower{
text-align:center;
}
.footer-lower-inner-text ul.socal-part{
float:none;
}
.footer-lower-inner-text p {
    font-family: 'Rubik', sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    margin: 8px 0 0 0;
}
}
