/*.offer img{ width: 100%; border-radius: 50%; width: 199px; height: 199px}*/
/* ===================================================== */
/* 34. Media Query										 */
/* ===================================================== */
/*
Responsive
=========================== */
@media (max-width:1024px){
    body{
        padding-top: 121px;
    }  
	
}

@media (max-width:990px){
	.inner-head.bg-animate{
		padding-top: 60px;
		padding-bottom: 90px;
	}
	.inner-head.bg-animate .fixed-page{
		height:170px;
	}
    .mainmenu ul.nav.navbar-nav > li > a{
        padding: 24px 8px;
        -webkit-transition: all 0s ease-in-out;
        -moz-transition: all 0s ease-in-out;
        -o-transition: all 0s ease-in-out;
        -ms-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
    }
    
    nav.navbar.nav-fixed .mainmenu ul.nav.navbar-nav > li > a{
        padding: 18px 8px;
    }

}
@media (max-width: 767px) {	
    body{
        padding-top: 127px;
    } 
	.banner {
    height: 200px;

}
    .mainmenu ul.nav.navbar-nav{
        padding: 0;
        margin: 0;
    }
    
    .mainmenu ul.nav.navbar-nav > li > a{
        border-bottom: solid 1px #cfcfcf;
        padding: 15px 10px;
    }
    
    .ribbon{
        display: none;
    }
    
    .submenu{
        text-align: right;
    }
    
    .submenu .nav.navbar-nav{
        display: inline-block;
        position: relative;
        margin-right: -8px;
    }
    
    .submenu .nav.navbar-nav:before{
        display: none;
    }
    
    .submenu .nav.navbar-nav li{
        display: block;
        float: left;
    }

    img.logo{
        margin-top: 0px;
        margin-left: 12px;
    }

    nav.navbar.nav-fixed img.logo{
        margin-top: 0px;
    }
}

@media (max-width: 640px) {
    body{
        padding-top: 127px;
    } 
	/*.home-container{
		background-size:cover;
		padding-top: 100px;
		padding-bottom: 230px;
	}*/
    .mainmenu ul.nav.navbar-nav{
        padding: 0;
        margin: 0;
    }
    
    .mainmenu ul.nav.navbar-nav > li > a{
        border-bottom: solid 1px #cfcfcf;
        padding: 15px 10px;
    }
    
    .ribbon{
        display: none;
    }
    
    .submenu{
        text-align: right;
    }
    
    .submenu .nav.navbar-nav{
        display: inline-block;
        position: relative;
        margin-right: -8px;
    }
    
    .submenu .nav.navbar-nav:before{
        display: none;
    }
    
    .submenu .nav.navbar-nav li{
        display: block;
        float: left;
    }

    .submenu .nav.navbar-nav li.sub-link{
        display: none;
    }  
    
    img.logo{
        margin-top: 0px;
        margin-left: 12px;
    }

    nav.navbar.nav-fixed img.logo{
        margin-top: 0px;
    }
    
  
    
    .scroll.top{
        bottom: 10px;
        right: 10px;
    }
	/*collapse*/
.collapse-open{ display:none}
.collapse-hide{ display: block;}
	.hidesm{display: none;}

    
}

@media (max-width: 550px) {
	.home-container{
		background-size:cover;
		padding-top: 100px;
		padding-bottom: 230px;
	}
    .title-section .line{
        width: 280px;
        height: 1px;
    }
    
    .wrap-testimonial{
        padding: 0 20px;
    }
    
    ul.list-author{
        width: 300px;
        padding: 0 0;
    }
    
    ul.feature-two .line,
    ul.feature-two.left li:after,
    ul.feature-two.right li:after,
    ul.feature-two.left:before,
    ul.feature-two.right:before{
        display: none;
    }
    
    .wrap-feature-two{
        display: block !important;
        padding: 0 !important;
        width: 300px;
        margin: 11px auto 0;
    }
    
    ul.feature-two{
        display: block;
    }
    
    ul.feature-two li{
        float: none;
        display: block;
        width: 100%;
        padding: 0 20px !important;
        margin-bottom: 0;
    }
    
    .img-feature-two{
        position: relative;
        display: block;
        margin-top: 43px;
        margin-bottom: 32px;
    }
    
    .wrap-price{
        width: 310px;
    }
}
@media (max-width: 800px) {
	.header-relative {
    min-height:inherit;
}
	img.logo {

    width: 89px;
    height: 34px;
    margin-top: -9px;
}
}


@media (max-width: 640px) {
	.header-relative {
    min-height:inherit;
}
	img.logo {

    width: 89px;
    height: 34px;
    margin-top: -9px;
}
}
@media only screen and (max-width: 360px) {
	.width360{ width: 100%}
	.banner {
    height: 113px;

}
	
	.portfolio-box1, .portfolio-box{
height:335px;
min-height: 335px;
max-height:340px;
}
	
}

/* ===================================================== */
/* 34. Media Query										 */
/* ===================================================== */