/* CSS Document */

@media only screen and (max-width: 1140px)
{

.Container {width:100%;}
.Grid, .Column, .Column1, .Column2, .Column3, .Column4, .Column5, .Column6, .Column7 {margin:0 1%;}
.Grid {width:98%;} 
.Column {width:70%;}
.Column1 {width:26%;}

.Column2 {width:32%;}
.Column3 { width:30%;}
.Column4 {width:68%;}
.Column5 { width:28%;}
.Column6, .Column7 { width:48%;}
.Service_Grid .Service_Img { width:18%;}
.Service_Grid .Service_Info {width:80%;}
.Services_Col .Img_Col {width:28%; padding-right:4%;}
.Services_Col1 .Img_Col {padding-right:0; padding-left:4%;}
.Services_Col .Services_Info_Col {width:66%;}

.Portfolio_Col { max-width:none;width:96%; margin:0 2%;}
.Portfolio_Col img { width:100%;}
.jcarousel-skin-tango { width:100%;}
.jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal { top:40%; width:60px; height:60px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal { left:10px !important;}
.Portfolio_Pan .ImgScreen { width:52%;}
.Portfolio_Pan .Pro_Info {width:46%; margin-right:2%;}

.Logo_div .jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal { right:10px !important;}
#Banner .Container {width:80%;}
}

@media only screen and (max-width: 1000px)
{
.Nav ul > li a { padding-left:18px;}
.Nav li ul { left:18px;}
.ProductPan h2 { font-size:120%;}
.amazingslider-text-wrapper-1 { bottom:80px !important;}
#Logo {width:22%;}
.Nav { max-width:74%;}
.Nav .MainMenu > li {margin-right: 10px;}
}
@media only screen and (max-width: 850px)
{
.amazingslider-nav-1 { bottom:20px !important;}
.amazingslider-text-wrapper-1 { bottom:30px !important;}
#MenuBtn { display:block;}
.Nav { display:none; width:70%; float:right; border-top:1px solid #e1e1e1; clear:both; padding:0; position:absolute; right:10px; top:60px;}
.Nav li { float:none;}
.Nav { border:none;background:#014876; padding:0;border:1px solid #00558d;}
.Nav .MainMenu > li{ float:none; height:auto; text-align:center; border-bottom:1px solid #00558d; margin:0;}
.Nav .MainMenu > li:last-child { border:none;}
.Nav .MainMenu > li a { border:none !important; display:block; padding:10px;}
.Nav ul { margin:0; float:none;}
.Nav li.DropD { padding-right:0; background:none;}
.Nav li.DropD > ul li { display:block; float:none;}
.Nav ul > li a { padding:8px 0;}
.Social_Pan { display:block; width:100%;  padding:10px 0 0 0; float:none; text-align:center;}
.Social_Pan a { float:none;}
.Form_Col { width:100%;}
.Input_Col { width:48%; margin:0 1% 20px 1%;}
.Input_Col1, .Input_Col2 {width:98%; margin:0 1% 20px 1%}
}
@media only screen and (max-width: 768px)
{
#Logo { max-width:30%;}
.Nav li ul { position:static;}
.Column, .Column1, .Column2, .Column3, .Column4, .Column5, .Column6, .Column7 {width:96%; margin:0; padding:0 2%;}
.RF_Col { width:46%; text-align:left;}
.Txt_Wrap { margin-bottom:20px;}


.ProductPan { margin-bottom:20px;}
.Bott_Grid { margin-top:10px;}

footer { text-align:center; padding-top:10px;}
footer h2 { padding-top:20px;}
.FtrSocial_Pan, .Subscribe { display:inline-block;}
.ContactForm { width:80%; display:inline-block;}
footer .Column1 { text-align:center; margin-bottom:10px;}
footer li { float:none; border:none;}
.Cnct_col p { display:inline-block; clear:both; margin:0 10px;}
.h1 { font-size:150%; line-height:120%;}
.amazingslider-title-1 { font-size:25px !important; }
.amazingslider-description-1, .amazingslider-title-1 { margin-bottom:10px !important;}
.amazingslider-description-1 { font-size:12px !important; line-height:20px !important;}
.amazingslider-text-wrapper-1 {top: 25% !important;}
.as-btn-blue-medium { padding:4px 10px !important;}
.SideBar { padding:0; margin:0; border:none;}
}
@media only screen and (max-width: 560px)
{
.Services_Col h2 { font-size:140%;}
.RF_Col { width:96%;}
.amazingslider-description-1 { display:none !important;} 
.amazingslider-text-1 { text-align:center !important;}
.amazingslider-title-1 { font-size:120% !important; width:100%; }
.amazingslider-text-wrapper-1 {top:auto !important; bottom:20px !important; margin:0 !important;} 
.H1 { font-size:150%; margin:0 10px 20px 10px;}
.amazingslider-description-1 { line-height:16px !important;}
.ContactForm { width:90%;}
.ContactForm input[type="text"].Input { width:96%; margin-right:0; float:none;}
.amazingslider-nav-1 { display:none !important;}
}
@media only screen and (max-width: 460px)
{
.amazingslider-title-1 { font-size:100% !important;}
.as-btn-blue-medium { padding:4px 10px !important; font-size:12px; border-width:1px !important;}
.Portfolio_Pan .ImgScreen, .Portfolio_Pan .Pro_Info{ width:100%; margin:0;}
.Portfolio_Pan .ImgScreen { max-height:200px; overflow:hidden;}

}