/*---------------------------------------------
	css min-width
---------------------------------------------*/
@media (min-width: 576px) {
	.h1-responsive, .section-heading h1 {
		font-size: 170%;
	}
	.h2-responsive, .section-blog-fw h2 {
		font-size: 140%;
	}
	.h3-responsive {
		font-size: 125%;
	}
	.h4-responsive {
		font-size: 125%;
	}
	.h5-responsive {
		font-size: 125%;
	}
}
@media (min-width: 768px) {
	.h1-responsive, .section-heading h1 {
		font-size: 200%;
	}
	.h2-responsive, .section-blog-fw h2 {
		font-size: 170%;
	}
	.h3-responsive {
		font-size: 140%;
	}
	.h4-responsive {
		font-size: 125%;
	}
	.h5-responsive {
		font-size: 125%;
	}
}
@media (min-width: 992px) {
	.h1-responsive, .section-heading h1 {
		font-size: 200%;
	}
	.h2-responsive, .section-blog-fw h2 {
		font-size: 170%;
	}
	.h3-responsive {
		font-size: 140%;
	}
	.h4-responsive {
		font-size: 125%;
	}
	.h5-responsive {
		font-size: 125%;
	}
}
@media (min-width: 1200px) {
	.h1-responsive, .section-heading h1 {
		font-size: 250%;
	}
	.h2-responsive, .section-blog-fw h2 {
		font-size: 200%;
	}
	.h3-responsive {
		font-size: 170%;
	}
	.h4-responsive {
		font-size: 140%;
	}
	.h5-responsive {
		font-size: 125%;
	}
}

/*---------------------------------------------
	1200 max-width and min-width
---------------------------------------------*/
@media (max-width: 1200px) {
	.rols-wrp a.rolsf-title > h5 {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/*---------------------------------------------
	1199 max-width and min-width
---------------------------------------------*/

@media (max-width: 1199px){
    #mega-menu-header-menu {
        display: none !important;
    }
    #sidebarCollapse {
        padding-top: 5px;
        display: block !important;
    }

}

/*---------------------------------------------
	992 max-width and min-width
---------------------------------------------*/


@media (max-width: 992px){
	/*menu*/
	.navbar:not(.top-nav) .navbar-nav .nav-item.nav-img-item > .nav-link > img {
		width: 50px;
	}

	.ourprocss .mask {
		padding-top: 40px;
	}
}

/*---------------------------------------------
	991 max-width
---------------------------------------------*/
@media (max-width: 991px){
	.tiffanie .text-font2.h2{
		font-size: 27px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.experience-bx .text-center.exper-pad h2{
		font-size: 27px !important;
	}
	.experience-bx .text-center.exper-pad p {
		font-size: 1.4rem !important;
		padding: 0 5px;
	}
	/*menu*/
	
	#mega-menu-max_mega_menu_1{
		display: none !important;
	}
}
@media (max-width: 991px) and (min-width: 768px){
	.endorsed-bx .col-md-4 img{
		width: 100%;
	}
}

/*---------------------------------------------
	768 max-width and min-width
---------------------------------------------*/



@media (max-width: 768px){

	/*menu*/
	.nav-d.mid-d .nav-lb,
	#mega-menu-wrap-max_mega_menu_1,
	#mega-menu-wrap-header-menu{
		display: none;
	}
	.ourprocss {
	    height: auto;
	}

	.endorsed-bx .col-md-4{
		text-align: center;
		margin-bottom: 20px;
	}
	.tiffanie .tiff-hight{
		height: auto !important;
	}
	.experience-bx .text-center.exper-pad {
		padding-bottom: 20px;
		padding-top: 20px;
	}
    .rols-wrp a.rolsf-title > h5{
		height: auto;
	}
}



/*---------------------------------------------
	576 max-width and min-width
---------------------------------------------*/


@media (max-width: 576px) {
	.tiffanie .text-font2.h2{
		font-size: 1rem;
	}
	.mfooter .footer-btm .social-links.footer-links{
		padding: 0.5rem;
		text-align: center;
	}
	.social-links.footer-links {
	    max-width: 380px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.mfooter .footer-btm .social-links.footer-links .icons-sm{
		margin: 2px;
	}
	.top-nav.navbar-light #top-brand {
		left: 55%;
	}
	.top-nav.navbar-light .navbar-brand .logo-img-sm {
		width: 250px;
		max-width: none;
		padding-top: 10px;
	}
	.top-nav.navbar-light #dj-megamenu117mobile {
		position: relative;
		left: -25px;
	}
	.message-bx {
		padding: 30px;
	}
	.message-bx h3{
		font-size: 1.3rem !important;
	}
	.block-focopy{
		display: block !important;
	}
	.block-focopy > div{
		display: block;
		width: 100%;
		text-align: center;
	}
	.block-focopy > div > span{
		display: none;
	}
	.bcm-benner.bcm-benner-photo .mask h1.font-rage {
	    font-size: 3.5rem !important;
	    text-align: center !important;
	    text-transform: capitalize;
	}
	.acticle-title .d-block.h1{
		font-size: 1.5rem;
	}
}


@media (max-width: 476px){
	.endorsed-bx .col-md-4 img{
		width: 100%;
	}
	.navbar{
		padding: .5rem 0.3rem;
	}
	.top-nav #dj-megamenu118,
	.nav-item.nav-img-item {
		display: none !important;
	}
	.navbar.top-nav .navbar-toggles {
		height: 30px;
		font-size: 20px;
		padding: 0px;
	}
	.top-nav.navbar-light .navbar-brand .logo-img-sm {
		width: 230px;
	}

}