/********************************
RESPONSIVE CSS * MEDIA QUERIES
********************************/

@media screen and (max-width: 1920px)  {
    
    body{
      
    }

}

@media screen and (max-width: 1360px)  {
    .default-icons {
    bottom: auto;
    left: auto;
    margin: 0;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
}
    .default-icons > ul{
        float: left;
        margin: 20px 20px 0 20px;
    }
    .default-icons > ul.social-media {
        float: right;
    }
    
    .slider-nav li,
    .social-media li {
        display: inline-block;
    }

}

/*iPad Landscape*/
@media screen and (max-width: 1024px), screen and (max-device-width: 1024px), screen and (max-width: 1200px)  {
/*    .index h1 {
	background-repeat: repeat;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: normal;
	opacity: 0.9;
	padding: 30px;
	position: absolute;
	right: 0px;
	top: 280px !important;
	transition: all 0.4s ease-out 0s;
	width: 350px;
}

.content-slider {
	bottom: 80%;
	position: absolute;
	right: 25px;
}*/
    .navbar1 .nav>li a {
        padding: 10px 20px 20px;
        border-left: 1px solid #e2e2e2;
        color: #999;
        text-shadow: none;
    }
    .navbar1 .brand {
        line-height: 99px;
        margin-left: 30px;
    }
    
    .navbar1 .right-icons ul{
        width: 49px;
    }
    
    .navbar1 .right-icons ul li {
        width: 49px;
        height: 49px;
    }
    .navbar1 .right-icons ul li a {
        font-size: 16px;
        line-height: 49px;
    }
    
    #bg_slide img{
        width: auto;
        max-width: 20000px;
        height: 100%;
    }

}
@media(min-width:768px) and (max-width:1024px){
	.contact-us{ margin-top:30px;}
	.portfolio{ margin-top:30px;}
	.blog	{ margin-top:30px;}
	.brandlogo{position:relative; top:0; left:0;   }
	.logocontainer{ width:100% !important; text-align:center;}

.icon-angle-left{position:absolute; left:-5px;}
.icon-angle-right{position:absolute; right:27px;}

.logo-bottom{ right:40px;}

	}
@media(min-width:1280px) and (max-width:1366px){
	.contact-us{ margin-top:30px;}
	.portfolio{ margin-top:30px;}
	.blog{ margin-top:30px }
	
.brandlogo{position:relative; top:0; left:20;   }
.homeimages{position:relative; bottom:50; left:20;   }
	.logocontainer{ width:100% !important; text-align:center;}
	}	
/*iPad Portrait*/
@media handheld and (max-width: 767px), screen and (max-device-width: 767px), screen and (max-width: 960px)  {
	
	.brandlogo{position:relative; bottom:50; left:20;}
	.homeimages{position:relative; top:0; left:0;}

	.logocontainer{ width:100% !important; text-align:center;}	
    .navbar1{
        position: relative;
    }




	
/*.content-slider {
	bottom: 50%;
	position: absolute;
	right: 25px;
}
*/	
    body{
        padding-top: 0;
    }
	.icon-angle-left {
    left: 5px;
    position: absolute;
}

.icon-angle-right {
	position: absolute;
	right: 25px;
}
/*	.index h1 {
	background-repeat: repeat;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: normal;
	opacity: 0.9;
	padding: 30px;
	position: absolute;
	right: 0px;
	top: 280px !important;
	transition: all 0.4s ease-out 0s;
	width: 350px;
}*/
	
    .navbar1 .brand {
        line-height: inherit;
        margin-left: 30px;
        margin-top: 30px;
    }
    .navbar1 .btn-navbar1 {
        margin-top: 7px;
    }
    .navbar1 .nav>li a {
	padding: 0px 30px;
	border: none;
	color: #999;
	font-weight: 300;
	text-shadow: none;
    }
    .navbar1 .nav>li a:hover {
        border: none;
        color: inherit;
    }
    .navbar1 .nav>li a span {
        display: none;
    }
    .nav-collapse {
	padding-top:0;
    }
    .navbar1 .nav>.active>a,
    .navbar1 .nav>.active>a:hover {
        background: #fff;
        border: none;
        box-shadow: none;
        color: #fff;
    }
    
    .navbar1 .right-icons {
        position: absolute;
        right: 80px;
        top: 30px;
        width: 70px;
        border: 0;
    }
    
    .navbar1 .right-icons ul{
        width: 100%;
    }
    
    .navbar1 .right-icons ul li{
        border: 0 !important;
        line-height: 29px;
        width: 29px;
        height: 29px;
    }
    
    .navbar1 .right-icons ul li:last-of-type{
        margin-left: 10px;
    }
    
    .navbar1 .right-icons ul a{
        border: 0 !important;
        font-size: 14px !important;
        line-height: 29px !important;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
    
}
@media(min-width:480px) and (max-width:568px){
	.slider-nav {
    position: fixed;
    top:40% !important;
    width: 100%;
}

	}
@media(min-width:600px) and (max-width:800px){

.icon-angle-left{position:absolute; left:-5px;}

}

/*iPhone Landscape*/
@media screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 750px)  {
.slider-nav-right {
    position: absolute;
    right: -20px;
}
.icon-angle-left{position:absolute; left:-41px;}

.slider-nav-left {
    left: 45px;
    position: absolute;
}

/*.content-slider {
	bottom: 110%;
	position: absolute;
	right: 0;
}*/
    .default-icons > ul{
        margin: 20px 0 0 0;
    }
    
		.navbar1-fixed-top, .navbar1-fixed-bottom, .navbar1-static-top {
    margin-left: 0px;
    margin-right: 0px;
}

.icon-angle-left {
	left: -40px;
	position: absolute;
}

/*.brandlogo {
	left: 5px;
	position: absolute;
	top: 25px;
}*/

.slider-nav {
    position: fixed;
    top:215px;
    width: 100%;
}

/*.index h1 {
	background-repeat: repeat;
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: normal;
	opacity: 0.9;
	padding: 30px;
	position: relative;
	right: 0px;
	top: 600px !important;
	transition: all 0.4s ease-out 0s;
	width: 258px;
}*/
.contact-us{ margin-top:30px;}
.portfolio{ margin-top:30px;}
.blog	{ margin-top:30px;}
.brandlogo{position:relative; top:0; left:0;}
	.logocontainer{ width:100% !important; text-align:center;}
	.slider-nav a{ margin:10% 3%; }
	

}

/*iPhone Portrait*/
@media screen and (max-width: 320px), screen and (max-device-width: 320px), screen and (max-width: 450px) {
    .navbar1 .brand {
        line-height: inherit;
        margin-left: 20px;
        margin-top: 30px;
    }
	
	.navbar1-fixed-top, .navbar1-fixed-bottom, .navbar1-static-top {
    margin-left: 0px;
    margin-right: 0px;
}
	
.content-slider {
    right: 10px;
}


.index h1{ width:239px;}	
/*	    .content-slider {
    bottom: 110%;
    position: absolute;
    right: 0;
}
*/.icon-angle-left{position:absolute; left:-41px;}
    .navbar1 .btn-navbar1 {
        margin-top: 30px;
    }
    .navbar1 .nav>li a {
        padding: 10px 20px;
        border: none;
        color: #999;
        font-weight: 300;
        text-shadow: none;
    }
    .navbar1 .nav>li a:hover {
        border: none;
        color: inherit;
    }
    .navbar1 .nav>li a span {
        display: none;
    }
    .nav-collapse {
        padding-top:14px;
    }
    .navbar1 .nav>.active>a,
    .navbar1 .nav>.active>a:hover {
        background: #fff;
        border: none;
        box-shadow: none;
        color: #fff;
    }
	.contact-us{ margin-top:30px;}
	.portfolio{ margin-top:30px;}
	.blog	{ margin-top:30px;}
	.brandlogo{position:relative; top:0; left:0;}
	.logocontainer{ width:100% !important; text-align:center;}
	.slider-nav a{ margin:-25px 16px; }
}