@import url("css/styles.css");

/*
Step 01
Select your navigation type: Mega Drop-Down, Mini Nav or Single Level Nav
For the Mega Drop-Down or Mini Nav, use one of the following CSS files. For the Single Level Nav, leave this line blank.

@import url("css/navigation-megadropdown.css");
@import url("css/navigation-mininav.css");
*/

@import url("css/navigation-megadropdown.css");

/*
Step 02
Select a color scheme:

@import url("css/design01.css");
@import url("css/design02.css");
@import url("css/design03b.css");
@import url("css/design03g.css");
@import url("css/design03r.css");
*/

@import url("css/design01.css");

/*
Step 03
Select a footer with or without the dark container:

@import url("css/footer-with-dark-container.css");
@import url("css/footer-without-dark-container.css");
*/

@import url("css/footer-with-dark-container.css");

/*
Custom Agency CSS:
*/
@import url('css/lato/stylesheet.css');

@import url("css/styles_overrides.css");


@import url('css/mobile.css') (max-width : 799px) ; 
@import url('css/tablet.css') (min-width : 800px) and (max-width : 1023px) ;
    
@import url("css/screen.css") screen and (min-width : 1024px);

/*for header phone number*/
@media only screen and (min-width : 1024px) and (max-width: 1060px) {
    #top_phone {
	
	left: 410px;
}
	}