@charset "utf-8";

/* Responsive */

@media screen and (min-width: 769px) {
.my_nav .my_ul li:hover .dropdown-menu, .my_nav .my_ul li:focus .dropdown-menu {
	display: block;
}
}
 @media screen and (max-width: 1200px) {
/* banner start*/

.btnrfl, .btnrfr {
	float: none;
	display: -webkit-flex;
	display: flex;
}
.btnrfl img, .btnrfr img {
	margin: 10px auto;
}
/* banner end*/

/* navigation start*/

.my_nav .my_ul {
	margin-top: 0;
}
/* navigation end*/

/*find our vendor start*/

.categrText h1 {
	padding-top: 173px;
	font-size: 20px;
}
/*find our vendor end*/

/* Features Animation text start */

.rw-wrapper {
	margin: 50px auto 0 auto;
}
.rw-words {
	height: 75px;
}
.rw-words-1 span {
	font-size: 200%;
	text-indent: 5px;
}
.rw-words-2 span {
	font-size: 85%;
}
.rw-sentence > span:first-child {
	font-size: 85%;
}
/* Features Animation text end */
/* Footer Section start*/
.fotr_box .fotr_logo {margin: 0 auto;}
/* Footer Section end*/
@media screen and (max-width: 993px) {
/* Top Section start*/
.top_logo {text-align: center;}
 .top_logo a h1 {font-size:22px;}
/* Top Section end*/
/*Menu strat*/
.my_nav .my_ul li a {padding: 0 5px;margin: 0 4px;}
/*Menu end*/
/* banner start*/
.slider_txt h1 {margin-top: 100px;font-size: 50px;}
.slider_txt p {margin: 30px auto 5px;}
/* banner end*/
/* section my_welcome */
.wc_img {width: 300px;}
/* banner start*/
.event_contnt {padding: 20px 5px 35px;}
/* banner end*/
/*portfolio area*/
.portfolio-masonry-item.col4 {width: 50%;}
/*portfolio area*/
/* Features Animation text start */
.rw-words-1 span {font-size: 135%;}
.rw-words-2 span {font-size: 70%;}
.rw-sentence > span:first-child {font-size: 70%;}
/* Features Animation text end */
/* SECTION my_contact start */
.contact_titleL {font-size: 22px;}
.contact_titleR {font-size: 22px;}
/* SECTION my_contact end */
/* 'Service top' section of ( "SERVICES.PHP PAGES" ) start from here */
.srvce2_top_section {
 -moz-background: linear-gradient(-10deg, #fff 0%, #fff 20%, #fff 20%, #fff 40%, #555 0%, #555 100%);
 -webkit-background: linear-gradient(-10deg, #fff 0%, #fff 20%, #fff 20%, #fff 40%, #555 0%, #555 100%);
 background: linear-gradient(-10deg, #fff 0%, #fff 20%, #fff 20%, #fff 40%, #555 0%, #555 100%);
/* 'Service top' section of ( "SERVICES.PHP PAGES" ) end here */

}
 @media screen and (max-width: 768px) {
 .no_padding {
 padding-left: 15px;
 padding-right: 15px;
}
.rfr, .rfl {float:none !important;}
/* Top Section start*/
.top_logo {margin: auto;}
.top_logo a {
 display: inline-block;
}

/* Top Section end*/

/* Top navigation start*/
.my_nav {
    background: -webkit-linear-gradient(135deg, #0074da 0%, #000428 30%, #fff 30%, #fff 70%, #0074da 70%, #000428 100%);
    background: -moz-linear-gradient(135deg, #0074da 0%, #000428 30%, #fff 30%, #fff 70%, #0074da 70%, #000428 100%);
    background: -ms-linear-gradient(135deg, #0074da 0%, #000428 30%, #fff 30%, #fff 70%, #0074da 70%, #000428 100%);
    background: -o-linear-gradient(135deg, #0074da 0%, #000428 30%, #fff 30%, #fff 70%, #0074da 70%, #000428 100%);
    background: linear-gradient(135deg, #0074da 0%, #000428 30%, #fff 30%, #fff 70%, #0074da 70%, #000428 100%);}
.my_nav::after {
 display: none;
}
 .my_nav .my_ul {
 float: none;
 background: none;
 background:rgb(51, 58, 139) !important;
/*background: linear-gradient(90deg, rgba(255,0,132,1) 0%, rgba(255,255,255,1) 7%, rgba(255,255,255,1) 73%, rgba(255,0,132,1) 100%) !important;*/

}
 .my_nav .my_ul li {
 background: none !important;
 line-height: 60px;
}
 .my_nav .my_ul li a {
color: #fff !important;
    background: -webkit-linear-gradient(135deg, #000428 0%, #0074da 20%, #000428 20%, #0074da 40%, #0074da 40%, #0074da 68%, #000428 90%, #0074da 90%, #000428 100%);
    background: -moz-linear-gradient(135deg, #000428 0%, #0074da 20%, #000428 20%, #0074da 40%, #0074da 40%, #0074da 68%, #000428 90%, #0074da 90%, #000428 100%);
    background: -ms-linear-gradient(135deg, #000428 0%, #0074da 20%, #000428 20%, #0074da 40%, #0074da 40%, #0074da 68%, #000428 90%, #0074da 90%, #000428 100%);
    background: -o-linear-gradient(135deg, #000428 0%, #0074da 20%, #000428 20%, #0074da 40%, #0074da 40%, #0074da 68%, #000428 90%, #0074da 90%, #000428 100%);
    background: linear-gradient(135deg, #000428 0%, #0074da 100%);
}
 .my_nav .my_ul li a:hover, .my_nav .my_ul li.active a {
 background: #333 !important;
 color: #fff !important;
 border-bottom: none !important;
}
 .menu_active {
 border-bottom: none !important;
}
 .my_nav .navbar-collapse {
 max-height: none;
}
 .my_nav .navbar-nav {
 margin: 0 -15px
}
 .navbar-brand {
 height: 60px;
}
 .navbar-brand img {
 padding: 0;
}
 .navbar-toggle {
 height: 60px;
}
.navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {background: #555555;}
.my_nav .open .dropdown-menu {background-color:rgba(60,44,83,.7)}
.navbar-toggle.collapsed .icon-bar{background: #b7862c !important;}
/* top navigation end*/
/* banner start*/
.slider_txt_wrap {top:0;height:100%;padding: 0px 20px;}
 .slider_txt {
 position: relative;
 top: 15px;
 margin: auto;
 width: 100%;
}
.stw_right .slider_txt {/*width: 50%;*/float: none;}
.stw_left .slider_txt {float: none;/*width: 50%;*/border: none;}
.stw_left .slider_img {float: none;}
.stw_right .slider_txt {float: none;border:none;}
.stw_right .slider_img {float: none;}
.slider_txt h1 {font-size:18px;margin:270px auto 5px}
.slider_txt p {font-size:12px;line-height:16px;margin: 0 auto 10px;text-align:center;}
.slider_img {width: 75%;margin: auto;}
.scrl_1 {bottom: 30px;}
/* banner end*/
.head1 {font-size: 33px;}
/*portfolio area start*/
.portfolio-masonry-item.col4 {
 width: 100%;
}
 .portfolio-masonry-item.col2 {
 width: 100%;
}
 .portfolio-masonry-item.col3 {
 width: 100%;
}
 .home-3 .portfolio-masonry-item.col3 {
 width: 100%;
}
 .portfolio-nav li {
 margin: 0 3px 10px;
}

/*portfolio area end*/

/* Features Animation text start */

.rw-words {
 height: 48px;
}
 .rw-words-1 span {
 font-size: 98%;
}
 .rw-words-2 span {
 font-size: 55%;
}
.rw-sentence > span:first-child {font-size: 55%;}
/* Features Animation text end */
/* SECTION footer start */

.fotr_box h2 {
text-align:center;
}
 .fotr_box li {
text-align:center;
}
 .fotr_box p {
text-align:center;
}
 .fotr_box .op_tc {
text-align:center;
}
 .fotr_social {
 width: 150px;
 margin: auto;
}
/* SECTION my_contact start */
.contact_titleR {margin: 30px auto 0;}
/* SECTION my_contact end */
/* SECTION my_contact start */
.socialmed_box li {width:45px;padding:0;margin:5px;}
 .socialmed_box i {
 font-size:25px;
 width:45px;
 height:45px;
}

/* SECTION my_contact end */

/* SECTION About comapny in home page start  */

.workStyle_box .fa-angle-double-right {
display:none;
}
 .workStyle_box .fa-angle-double-down {
display:block;
}

/* SECTION About comapny in home page end  */

.fotr_box ul {
 display: block;
}
 .fotr2col {
display: inline;
}
 .fotr_social {
 margin: 10px auto;
}
 .fotr_social .socl_div {
 text-align: center;
}
/* SECTION footer end */

}
 @media only screen and (min-width: 480px) and (max-width: 767px) {

/*portfolio area*/

.portfolio-masonry-item.col4 {
 width: 50%;
}
 .portfolio-masonry-item.col3 {
 width: 50%;
}
 .home-3 .portfolio-masonry-item.col3 {
 width: 50%;
}
 .portfolio-overley .content .port-content span.p-tags {
 font-size: 15px;
}
 .portfolio-element .content a {
 bottom: 15px;
 font-size: 15px;
 padding: 5px 9px;
}
 .col2 .portfolio-overley .content .port-content span.p-tags {
 font-size: 18px;
}
 .col2 .portfolio-element .content a {
 bottom: 0;
 font-size: 28px;
 padding: 5px 13px;
}
/*portfolio area*/

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



/* banner start*/

/*.slider_txt {

    top: 148px;

}*/

.slider_txt h1 {
margin: 270px auto 2px;
line-height:40px
}

/*.slider_txt p {margin: 100px auto 10px;}*/

/* banner end*/

.scrl_1 {
bottom:3px
}
 a.scrl_dwn {
 padding:3px;
 font-size:24px
}
 @-webkit-keyframes AniScrollDown {
 0% {
 font-size:24px;
}
 100% {
 font-size:26px;
}
}
 @keyframes AniScrollDown {
 0% {
 font-size:24px;
}
 100% {
 font-size:26px;
}
}
}
 @media screen and (max-width:520px) {

/* banner start*/

.slider_txt_wrap {
width:100%;
}
 .slider_txt {top: 60px;}
 .slider_txt h1 {margin: 170px auto 2px;}
/*.slider_txt p {margin: 40px auto 10px;}*/
/* banner end*/

/* event start*/

.event_contnt .item_text span {display: block;}/* event end*/
}
 @media screen and (max-width:480px) {
/* banner start*/
.slider_txt h1 {font-size: 15px;}
/* banner end*/
/* SECTION my_welcome start */
.welcome_section {padding-top: 20px;}
/* SECTION my_welcome End */
/* Service page ||Our dealings with client SECTION start */
.my_panel .panel-heading h4 {font-size: 23px;}
/* Service page ||Our dealings with client SECTION end */
}
 @media screen and (max-width:360px) {
/* banner start*/
/*.slider_txt {
top: 45px;
}*/
.slider_txt h1 {margin: 138px auto 2px;}
.slider_txt p {font-size: 11px;}
.scrl_1 {bottom: 0;}
/* banner end*/
/*  My box css start */
.my_boxW {max-width: 100%;overflow:none;}
.my_box_left {/*width: 30%;*/float: none;margin:auto;/*width:100%;*/}
.my_box_left i {}
.my_box_right {float: none;width:100%;}
.serPro_section .my_boxW:hover {box-shadow: none;}
.serPro_section .my_boxW {
 -webkit-transform: translateX(0px);
 -ms-transform: translateX(0px);
 transform: translateX(0px);
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
 opacity:1;
}
 .serPro_section .my_boxW:hover .my_box_left {
 -webkit-transform: translateX(0px);
 -ms-transform: translateX(0px);
 transform: translateX(0px);
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 1;
}
/*  My box css  end */



}
 @media screen and (max-width:320px) {
 .slider_txt h1 {
 font-size: 15px;
 margin: 138px auto 2px;
}
}