@charset "utf-8";
/* CSS Document */

/* Smartphones (portrait) ----------- */
@media (min-width: 320px) and (max-width: 450px) {
.container { width:300px;}
#header .container .color-boxes { display:none;}
#nav ul li {margin:0 6px; font-size:14px;}
#nav ul li:hover ul.sub li {font-size:14px;}

#slider .carousel .carousel-indicators { top:-20px; left:30%;}
#slider .carousel .carousel-indicators li { margin-right:5px;}
#slider .carousel a.left { top:-25px; left:20%;}
#slider .carousel a.right {top:-25px; right:17%;}


#cantent .txt_box {margin-top:20px;}
#cantent .txt_box p {font-size:16px;line-height:20px;}

#cantent .about_us .left_block .menu {display:none;}
#cantent .about_us .left_block .info {width:100%;}
#cantent .about_us .left_block .info img {width:100%;}
#cantent .about_us .left_block .info ul li {font-size:12px;line-height:14px;margin-bottom:2px;}
#cantent .about_us .right_block {width:50%;}
#cantent .about_us .right_block p {font-size:12px;line-height:16px;margin-bottom:10px;}

/*about_rates*/
#cantent .about_rates .left_block .info {width:100%;}
#cantent .about_rates .left_block .info img {width:100%;}
#cantent .about_rates .left_block .info ul li {font-size:12px;line-height:14px;margin-bottom:2px;}
#cantent .about_rates .right_block {width:50%;}
#cantent .about_rates .right_block h5 {font-size:12px;}
#cantent .about_rates .right_block ul li {font-size:12px;line-height:16px;}

/* credibility */
#cantent .credibility .left_block .info {width:100%;}
#cantent .credibility .left_block .info img {width:100%;}
#cantent .credibility .left_block .info ul li {font-size:12px;line-height:14px;margin-bottom:2px;}

#cantent .credibility .right_block {width:50%;}
#cantent .credibility .right_block h5 {font-size:12px;}
#cantent .credibility .right_block p {font-size:12px;line-height:16px;margin-bottom: 10px;}

/* planning */
#cantent .planning .left_block .info {width:100%;}
#cantent .planning .left_block .info img {width:100%;}
#cantent .planning .left_block .info ul li {font-size:12px;line-height:14px;margin-bottom:2px;}

#cantent .planning .right_block {width:50%;}
#cantent .planning .right_block h5 {font-size:12px;}
#cantent .planning .right_block p {font-size:12px;line-height:16px;margin-bottom: 10px;}

/* portfoliy */
#cantent .portfolio {padding:30px 0;}
#cantent .portfolio ul li {margin:10px;}
#cantent .portfolio ul li a {width:128px;height:128px;}
#cantent .portfolio .modal { top:25px;}
#cantent .portfolio .modal .container { width:100%;}
#cantent .portfolio .modal .carousel .item { width:100%;}
#cantent .portfolio .modal-dialog { padding-top:25px;}
#cantent .portfolio .modal .carousel a.right { right:0;}


/* contact_us */
#cantent .contact_us .left_block {width:100%;float:none;overflow:hidden;}
#cantent .contact_us .left_block .menu ul li {font-size:18px;line-height:23px;}

#cantent .contact_us .right_block {width:100%;float:none;margin-top:30px;overflow:hidden;}
#cantent .contact_us .right_block .label {margin-right:10px;min-width:106px;font-size: 14px;padding-left:0;padding-right:0;}
#cantent .contact_us .right_block .txtbox {width:184px;}
#cantent .contact_us .right_block .txtarea {width:184px;}
#cantent .contact_us .right_block ul li:last-child {margin-right:0;}
#cantent .contact_us .right_block ul li {margin-bottom:15px;}


/* footer */

#footer .logo {height: 33px; width: 185px;}
#footer .logo a {background-size:cover;height: 33px; width: 185px;}
}


/* Smartphones (landscape) ----------- */
@media (min-width: 480px) and (max-width: 750px) {
.container { width:460px;}
#header .container .color-boxes { display:none;}
#nav ul li {margin:0 12px;font-size:20px;}

#slider .carousel .carousel-indicators { top:0; left:40%;}
#slider .carousel .carousel-indicators li { margin-right:10px;}
#slider .carousel a.left { top:-5px; left:32%;}
#slider .carousel a.right {top:-5px; right:20%;}



#cantent .txt_box {margin-top:20px;}
#cantent .txt_box p {font-size:20px;line-height:25px;}

#cantent .about_us .left_block .menu {display:none;}
#cantent .about_us .left_block .info {width:100%;}
#cantent .about_us .left_block .info img {width:100%;}
#cantent .about_us .left_block .info ul li {font-size:15px;line-height:20px;}
#cantent .about_us .right_block {width:50%;}
#cantent .about_us .right_block p {font-size:14px;line-height:18px;margin-bottom:15px;}

/*about_rates*/
#cantent .about_rates .left_block {width:30%;}
#cantent .about_rates .left_block .info {width:100%;}
#cantent .about_rates .left_block .info img {width:100%;}
#cantent .about_rates .left_block .info ul li {font-size:15px;line-height:20px;}

#cantent .about_rates .right_block {width:65%;}
#cantent .about_rates .right_block ul li {font-size:14px;line-height:17px;}

/* credibility */
#cantent .credibility .left_block {width:30%;}
#cantent .credibility .left_block .info {width:100%;}
#cantent .credibility .left_block .info img {width:100%;}
#cantent .credibility .left_block .info ul li {font-size:13px;line-height:20px;}

#cantent .credibility .right_block {width:65%;}
#cantent .credibility .right_block h5 {font-size:14px;}
#cantent .credibility .right_block p {font-size:14px;line-height:18px;margin-bottom:15px;}

/* planning */
#cantent .planning .left_block {width:30%;}
#cantent .planning .left_block .info {width:100%;}
#cantent .planning .left_block .info img {width:100%;}
#cantent .planning .left_block .info ul li {font-size:13px;line-height:20px;}

#cantent .planning .right_block {width:65%;}
#cantent .planning .right_block p {font-size:14px;line-height:18px;margin-bottom:15px;}

/* portfoliy */
#cantent .portfolio {padding: 40px 0 30px;}
#cantent .portfolio ul li {margin:10px;}
#cantent .portfolio ul li a {width:128px;height:128px;}
#cantent .portfolio .modal { top:25px;}
#cantent .portfolio .modal .container { width:100%;}
#cantent .portfolio .modal .carousel .item { width:100%;}
#cantent .portfolio .modal-dialog { padding-top:25px;}
#cantent .portfolio .modal .carousel a.right { right:0;}

/*contcat*/

#cantent .contact_us .left_block .menu ul li {font-size: 12px; line-height: 18px;}

#cantent .contact_us .right_block .label {margin-right:10px;min-width:106px;font-size: 14px;padding-left:0;padding-right:0;}
#cantent .contact_us .right_block .txtbox {width:190px;}
#cantent .contact_us .right_block .txtarea {width:190px;}
#cantent .contact_us .right_block ul li:last-child {margin-right:3%;}
#cantent .contact_us .right_block ul li {margin-bottom:15px;}
}


/* Tablet Both View ----------- */
@media (min-width: 768px) and (max-width: 960px) {
.container { max-width:750px !important; width:auto;}
#header .container .color-boxes { display:none;}
#slider .carousel .carousel-indicators { top:20px;}
#slider .carousel .carousel-indicators li { margin-right:15px;}
#slider .carousel a.left { top:15px; left:45%;}
#slider .carousel a.right {top:15px; right:20%;}


#cantent .txt_box {margin-top:20px;}
#cantent .txt_box p {font-size:25px;line-height:28px;}

#cantent .about_us .left_block .menu {width:47%;}
#cantent .about_us .left_block .menu ul li {font-size:14px;line-height:20px;}
#cantent .about_us .left_block .info {width:53%;}
#cantent .about_us .left_block .info img {width:100%;}
#cantent .about_us .left_block .info ul li {font-size:12px;}

/*about_rates*/
#cantent .about_rates .left_block {width:30%;}
#cantent .about_rates .left_block .info {width:100%;}
#cantent .about_rates .left_block .info img {width:100%;}

#cantent .about_rates .right_block {width:64%;}

/* credibility */
#cantent .credibility .left_block {width:30%;}
#cantent .credibility .left_block .info {width:100%;}
#cantent .credibility .left_block .info img {width:100%;}

#cantent .credibility .right_block {width:64%;}

/* planning */
#cantent .planning .left_block {width:30%;}
#cantent .planning .left_block .info {width:100%;}
#cantent .planning .left_block .info img {width:100%;}

#cantent .planning .right_block {width:64%;}

/* portfoliy */
#cantent .portfolio {padding:50px 0 30px;}
#cantent .portfolio ul li {margin:0 10px;}
#cantent .portfolio ul li a {width:128px;height:128px;}
#cantent .portfolio .modal .carousel .item { width:100%;}
#cantent .portfolio .modal .carousel a.right { right:0;}


/*contcat*/
#cantent .contact_us .right_block .txtbox {width:300px;}
#cantent .contact_us .right_block .txtarea {width:300px;}
#cantent .contact_us .right_block ul li:last-child {margin-right:7%;}

}



@media (min-width: 1200px) {
.container {width:1170px;}
#slider .carousel .carousel-indicators li { margin-right:30px;}
#slider .carousel .carousel-indicators { top:55px;}
#slider .carousel a.left { top:50px; left:45%;}
#slider .carousel a.right {top:50px; right:25%;}
#cantent .portfolio ul li { margin:0 33px;}

#cantent .portfolio .modal .carousel .item { width:100%;}
#cantent .portfolio .modal .carousel a.left { top:50%; left:-30px;}
#cantent .portfolio .modal .carousel a.right {top:50%; right:-30px;}

#footer p { padding:0;}
}