

/*
Author: Bootstrapthemes
Author URI: http://www.xpeedstudio.com
*/

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1340px) {
    body {
        font-size: 1rem;
    }
    



}



/* Portrait tablets and small desktops */
/*@media (max-width: 992px) {

}*/


/* Portrait tablets and small desktops */
@media (max-width: 991px) {

    .sm-text-center{
        text-align: center !important;
    }
    .sm-pull-none{
        float: none !important;
    }
    .sm-m-top10{
        margin-top:10px;
    }
    .sm-m-top-20{
        margin-top:20px;
    }
    .sm-m-top-30{
        margin-top:30px;
    }
    .sm-m-top-40{
        margin-top:40px;
    }
    .sm-m-top-50{
        margin-top:50px;
    }
    .item_img i{
        right:0%;
    }
	.navbar-brand > img{
		width : 60%;
		margin-left: 40px;
	}
.main_product .port_overlay a{
	width: 100%;
	height: 100%;
	padding: 120px;
}
.main_product .port_overlay i{
	
	font-size:3rem;
    color: #0166B4;
}


}



/* Landscape phones and portrait tablets */
@media  (max-width: 768px) {
    h2{
        font-size:2rem;
    }
    p{
        font-size:90%;
        line-height: 2rem;
    }
    .xs-pull-none{
        float: none !important;
    }
    .xs-text-center{
        text-align: center !important;
    }
    .xs-m-top-10{
        margin-top:10px;
    }
    .xs-m-top-30{
        margin-top:30px;
    }
	.xs-m-top-50{
        margin-top:50px;
    }
    .xs-m-bottom-10{
        margin-bottom:10px;
    }
    .xs-m-bottom-20{
        margin-bottom:20px;
    }
    .main_home .home_text h2{
        font-size:24px;
    }
    .main_home .home_text h1{
        font-size:32px;
    }
    .main_home .home_text h3{
        font-size:18px;
    }
    .main_product .carousel-control{
        display: none;
    }
	.navbar-brand > img{
		width : 60%;
		margin-left: 40px;
	}
	.roomy-30{padding-top: 15px;
    padding-bottom: 20px;
	}
	.roomy-10{padding-top: 1px !important;
    padding-bottom: 1px !important;
}
.business_item .business-list .bl-lgheading{
	
	height: 50px;
	padding: 5px 10px;
}
.business_item .business-list .bl-lgreyheading{
	
	height: 50px;
	padding: 5px 10px;
}
.business_item .business-list .bl-lgrey-theading{
	
	font-size: 13px;
	height: 50px;
	
}
.business_item .business-list .bl-lg{
	height: auto;
	font-size:13px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.business_item .business-list .bl-lgrey{
	height: auto;
	font-size:13px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.business_item .business-list .bl-lgrey-t{
	height: auto;
	font-size:13px;
}
.main_product .port_overlay a{
	width: 200px;
	height: 200px;
	padding: 100px;
}
.main_product .port_overlay i{
	font-size:3rem;
    color: #0166B4;
}
.main_home .slick-dots{
    bottom: 8px;
}
.work_container .slick-arrow ,
.main_home .slick-arrow{
	font-size:1.2rem;
	top:40%;
	padding: 5px;
	font-weight: 300;
}
.work_container .slick-arrow ,
.main_home .slick-arrow:hover{
	color:rgba(255, 255, 255, 0.8);
	background: rgba(0, 0, 0, 0.8);
	transition: all 0.4s;
}
}




/* Landscape phones and smaller */
@media (max-width: 479px) {
    html {
        font-size: 80%;
    }
    .main_home .home_text h1{
		paddin-top:40px;
        font-size:24px;
    }
    .main_home .home_text h3{
        font-size:15px;
    }
	.navbar-brand > img{
		width : 70%;
		margin-left: 20px;
	}
	.roomy-30{padding-top: 5px;
    padding-bottom: 5px;
	}
	.roomy-10{padding-top: 0px !important;
    padding-bottom: 0px !important;
	}
	.business_item .business-list .bl-lgheading{
	
	height: auto;
	padding: 5px 10px;
}
.business_item .business-list .bl-lgreyheading{
	
	height: auto;
	padding: 5px 10px;
}
.business_item .business-list .bl-lgrey-theading{
	
	height: auto;
	padding: 5px 10px;
	
}
	.business_item .business-list .bl-lg{
	height: auto;
	font-size:13px;
	padding-bottom: 5px;
	}
	.business_item .business-list .bl-lgrey{
	height: auto;
	font-size:13px;
	padding-bottom: 5px;
	}
	.business_item .business-list .bl-lgrey-t{
	height: auto;
	font-size:13px;
	}
	.main_product .port_overlay a{
	width: 130px;
	height: 130px;
	padding: 110px;
}
.main_product .port_overlay i{
	font-size:2rem;
    color: #333;
}
.navbar-brand > img {
    margin-left: 40px;
}
.main_home .slick-dots{
    bottom: 5px;
}
.work_container .slick-arrow ,
.main_home .slick-arrow{
	font-size:1rem;
	top:40%;
	padding: 5px;
	font-weight: 300;
}
.work_container .slick-arrow ,
.main_home .slick-arrow:hover{
	color:rgba(255, 255, 255, 0.8);
	background: rgba(0, 0, 0, 0.8);
	transition: all 0.4s;
}
.col-xs-12{
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}
}





@media (max-width: 400px) {

html {
        font-size: 70%;
    }
	.roomy-30 {
    padding-top: 5px;
    padding-bottom: 5px;
}
	.navbar-brand > img{
		width : 70%;
		margin-left: 35px;
		margin-top: 9px;
}
nav.navbar.bootsnav .navbar-toggle{
    background-color: #fff !important;
    border: 1px solid #777;
    padding: 2px 7px;
    font-size: 20px;
	font-weight: 300;
    position: relative;
	margin-top: 13px;
}
.main_product .port_overlay a{
	width: 100px;
	height: 100px;
	padding: 100px;
}
.main_product .port_overlay i{
	font-size: 2rem;
    color: #333;
}
.main_home .slick-dots{
    bottom: 3px;
}
.work_container .slick-arrow ,
.main_home .slick-arrow{
	font-size:1rem;
	top:40%;
	padding: 5px;
	font-weight: 300;
}
.work_container .slick-arrow ,
.main_home .slick-arrow:hover{
	color:rgba(255, 255, 255, 0.8);
	background: rgba(0, 0, 0, 0.8);
	transition: all 0.4s;
}
.col-xs-12{
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}
.container {
  padding: 0 0 2px;
  margin-right: auto;
  margin-left: auto;
  width: 360px;
}

@media (max-width: 320px) {
    html {
        font-size: 70.5%;
    }
	.roomy-30 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.navbar-brand > img{
		width : 80%;
		margin-left: 35px;
		margin-top: 10px;
	}
	
nav.navbar.bootsnav .navbar-toggle{
    background-color: #fff !important;
    border: 1px solid #777;
    padding: 2px 7px;
    font-size: 20px;
	font-weight: 300;
    position: relative;
	margin-top: 13px;
}
.business_item .business-list .bl-lgheading{
	height: auto;
	padding: 5px 10px;
}
.business_item .business-list .bl-lgreyheading{
	height: auto;
	padding: 5px 10px;
}
.business_item .business-list .bl-lgrey-theading{
	height: auto;
	padding: 5px 10px;
	
}
.main_product .port_overlay a{
	width: 100px;
	height: 100px;
	padding: 100px;
}
.main_product .port_overlay i{
	font-size:2rem;
    color: #333;
}
.main_home .slick-dots{
    bottom: 1px;
}
.work_container .slick-arrow ,
.main_home .slick-arrow{
	font-size:.8rem;
	top:40%;
	padding: 5px;
	font-weight: 300;
}
.work_container .slick-arrow ,
.main_home .slick-arrow:hover{
	color:rgba(255, 255, 255, 0.8);
	background: rgba(0, 0, 0, 0.8);
	transition: all 0.4s;
}
.col-xs-12{
  position: relative;
  min-height: 1px;
  padding-right: 2px;
  padding-left: 1px;
}
.container {
  padding: 2px;
  margin-right: auto;
  margin-left: auto;
  width: 270px;
}
}



