/*
Theme Name: Sydney Child
Theme URI: http://athemes.com/theme/sydney
Template: sydney
Author: aThemes
Author URI: http://athemes.com
Description: Sydney is a powerful business theme that provides a fast way for companies or freelancers to create an awesome online presence. Sydney brings plenty of customization possibilities like access to all Google Fonts, full color control, layout control, logo upload, full screen slider, header image, sticky navigation and much more. Also, Sydney provides all the construction blocks you need to rapidly create an engaging front page.
Tags: two-columns,right-sidebar,custom-colors,custom-background,custom-header,custom-menu,featured-images,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.41.1503812697
Updated: 2017-08-27 05:44:57

*/

@media screen and (min-width: 720px) {
.header-slider {
margin-top: 0px;
   height: 780px !important ;
   width: 100%;
}
}

@media only screen and ( min-width: 768px ) and ( max-width: 980px )
 {
.home.et_divi_builder #et_builder_outer_content .et_pb_row_1 .et_pb_column {
width: 100% !important;}

.single .site-header.fixed{
position: static !important;
}
.single .page-wrap{
padding-top: 83px !important;
}
.site-header.fixed {
position: relative !important;
}
.site-header.float-header {
  background-color: #1952c6 !important; 
}

}

/* ============================================== */
/* HDTV                                           */
/*                                      1920x1080 */
/* ============================================== */
@media screen and (min-width: 1080px) and (max-width: 1920px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */

.text-slider .maintitle {
      color: #5ead4e;
}

.header-slider {
margin-top: 0px;
   height: 780px !important ;
   width: 100%;
}
}
 
/* ============================================== */
/* Widescreen                                     */
/*                                       1280x800 */
/* ============================================== */
@media screen and (min-width: 800px) and (max-width: 1280px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */

.text-slider .maintitle {
      color: #5ead4e;
}

.header-slider{
  height: 120vh !important;

}

}



/* ----------- Galaxy Tab A LANDCAPE BUTTON MENU ----------- */


@media only screen 
	and (min-device-width : 950px) 
and (max-device-width : 1100px) 
and (orientation : landscape) 
  and (-webkit-max-device-pixel-ratio: 1.332) {

	  

.btn-menu {
  margin-top: 50px !important;
    color: #000000 !important;
    float: left !important;
    margin-left: -500px !important;
    width: 200px;
    height: 80px;
    background-color: transparent !important;
    background-color: none !important;
}
	    
    
        #mainnav-mobi ul > li > a {
    display: block !important;
    padding: 10px 40px;
    color: #ffffff;
background-color: #488de4 !important;

    }
	 
.site-header {
     position: relative;
    max-width: 100%;
background-size:100% 100%;
    height: 180px !important;
    }
    
    .header-wrap {
    background-color: #ffffff;
    height: 160px !important;
}
}

@media only screen 
	and (min-device-width : 1280px) 
and (max-device-width : 800px) 
and (orientation : landscape)
 and (-webkit-device-pixel-ratio:2)  {
	
}

/* -----------SAMSUNG TAB A PORTRAIT ----------- */

@media only screen 
and (max-device-width : 667px) 
and (orientation : portrait)  {

    .menu-toggle {
        display: none;
    }

	
    .site-logo {

    height: 220px !important;
        margin-left: 55% !important;
    }

#primary{float:left; width:100%;
    padding-left: 10px;
    padding-right: 10px;
    }
    
.btn-menu {
	    display: block;
	margin-top: -80px !important;
    color: #000000 !important;
	float: left !important;
margin-left: 5px !important;
	width: 70px;
	height: 30px;
}
	   
        #mainnav-mobi ul > li > a {
    display: block !important;
    padding: 10px 50px;
    color: #ffffff;
background-color: #488de4 !important;
    }
    

}

/*MENU ONLY for up to IPAD PORTRAIT ONLY 
 * Just added this in on Nov 2019 to get IPAD Portrait TOP MENU mow working ! */
@media only screen 
	and (min-device-width : 701px) 
and (max-device-width : 1100px) 
and (orientation : portrait)  {
	
#primary {
    box-sizing: border-box;
    width: 100%;
    padding-right: 8%;
	}
	
	.menu-toggle {
		display: none;
	}	
	
.responsive-menu .main-navigation.toggled {
    height: auto;
    margin-bottom: 0;
    max-width: 100%;
	}	
	 
.btn-menu {
	    display: block;
	margin-top: 50px !important;
    color: #000000 !important;
	float: left !important;
margin-left: 5px !important;
	width: 70px;
	height: 30px;
}
	   
        #mainnav-mobi ul > li > a {
    display: block !important;
    padding: 10px 50px;
    color: #ffffff;
background-color: #488de4 !important;
    }
      
}


/* GENERAL SETTINGS */

.preloader {
    display: none !important;
}

.text-slider .maintitle, .text-slider .subtitle {
    color: #5ead4e;
}

.text-slider .maintitle {
    position: relative;
    display: inline-block;
    font-size: 40px;
    line-height: 67px;
    font-weight: 700;
    padding-bottom: 10px;
    padding-top: 450px;
    color: #5ead4e;
}

.admin-bar .site-header, .admin-bar .site-header.float-header {
 display: none;
  }

.header-slider{
  height: 90vh !important;
}



.site-header.float-header {
    background-color: transparent !important;
}

.site-header {
       background-color: none;
       padding: 0px 0;
}

  .site-header{
    background-color: transparent !important;
    height: 0 !important;
    padding: 0 !important;
  }


.site-header .float-header #mainnav ul li a {
		    right: 14px;
		    color: #000000 !important;
  }


.et_divi_builder #et_builder_outer_content .et_pb_text_4 {
    font-size: 16px;
  }


.site-logo {
   max-height: 340px;
        margin-top:20px;
            margin-left: -30px;
	 background-color: #fff !important;
border-radius: 15px;
}

img {
    max-width: 100%;
    height: auto;
}


#mainnav {
    display: block;
    float: left;
    background: #336dcc;
height: 30px;
margin-top: 350px;
margin-left: -350px;
border-radius: 15px !important;
color: #fff !important;
}


#mainnav ul li a {
    color: #ffffff !important;  

}

	#mainnav ul li a:hover {
		color: #cc6b16;
	}

.et_divi_builder #et_builder_outer_content .et_pb_contact form span {
    width: auto;
    color: #000000;
}

.et_divi_builder #et_builder_outer_content button.et_pb_button {
    text-shadow: none !important;
    box-shadow: none !important;
    /* background-color: transparent !important; */
}

.et_divi_builder #et_builder_outer_content button.et_pb_button {
    text-shadow: none !important;
    box-shadow: none !important;
    background-color: rgba(12,113,195,0.96) !important;
}

.et_divi_builder #et_builder_outer_content .et_pb_contact_submit, .et_divi_builder #et_builder_outer_content .et_pb_contact_reset {
    color: #000000;
}

.et_divi_builder #et_builder_outer_content .et_pb_module h3 {
color: #ffffff;
    font-weight: 600;
    margin: 0.89286em 0;
        line-height: 1.5em;
         font-size: 28px;
}

.et_divi_builder #et_builder_outer_content .et_pb_module h3 {
color: #000000;
    font-weight: 600;
    margin: 0.89286em 0;
        line-height: 1.5em;
         font-size: 20px;
}

.et_divi_builder #et_builder_outer_content .et_pb_module h4 {
color: #ffffff;
    font-weight: 600;
    margin: 0.89286em 0;
        line-height: 1.5em;
         font-size: 18px;
}

.et_divi_builder #et_builder_outer_content .et_pb_module p {
    margin: 0;
    text-align: inherit;
    line-height: 1.2em;
   font-color: #000000;
    font-weight: 400;
     font-size: 16px;
}


.col-md-4 {
    width: auto;
}

.col-md-9 {
    width: 100%;
}

.content-area .post-wrap, .contact-form-wrap {
    padding-right: 0px;
}


.page .entry-header { display: none; }


.page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {
    padding: 5px;
        width: 100%;
}


.page .page-wrap {
     padding: 0px 0 0px;
}